Angular指令--*ngIf,*ngFor,*ngStyle,*ngClass

原創 Ryan_black 2020-06-28 16:31

Angular指令:

*ngIf:相當於if/else,如果有需要寫的else數據,就需要定義一個標籤去使用

在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

*ngFor:相當於for of循環

在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

*ngStyle,修改HTML元素樣式

在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

*ngClass,從HTML元素上添加和扣除CSS

在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

被鄙視做不出3D效果的一天

UI設計點兒3D效果，切圖片後給前端用，前端按照圖片做出靜態效果，結果項目上不滿意。沒錯是我太菜了，菜的一批。 心裏已經燃起學習three.js的慾望。

CherryLee_1210 2020-07-08 12:31:12

opencv 加載tensorflow pb模型

opencv加載的pb模型必須是用tf.layers 和 tf.nn 下的api構建的,使用slim會在加載時報未知的layer的錯誤 基本流程: 1.加載pb bool CardDetect::load_model(string mo

koibiki 2020-07-08 12:23:28

Redis 數據持久化方案

Redis 數據持久化方案 一、持久化方案 RDB（Redis DataBase）：指定的時間間隔內保存數據快照（SNAPSHOTTING），fork出子進程，之後再由子進程完成這些持久化的工作； AOF（Append Only

乾源 2020-07-08 12:09:41

GitHub中常用高頻操作

GitHub 常用命令 建立 克隆已經存在的一個版本庫 $ git clone ssh://[email protected]/repository.git(SSH協議) $ git clone https://github.co

不如烂笔头 2020-07-08 11:54:44

a標籤中使用onclick提示function未定義

<a href="javascript:;" onclick="text()">leave a message</a> 今天做東西的時候，發現在a標籤中使用onclick觸發函數，一直報錯，顯示function未定義，開始還以爲

Ro0k1e 2020-07-08 11:27:27

MCU初始化流程——從上電到main()之間

說明： 以下介紹示例的MCU地址空間如下：             ROM空間爲：0x0000 0000 – 0x0000 8000                RAM空間爲：0x2000 0000 – 0x2000 2000     

jltsun 2020-07-08 11:00:06

C語言實現的json解析程序

只有一個頭文件和一個源文件，僅使用C語言標準庫。 作用就是讀取json文件，然後解析爲若干個互相關聯的結構，結構如下： typedef enum json_st { djson_string = 1, djson_number,

lindorx 2020-07-08 10:35:53

手機驗證碼60s等待

html: <div class="input"> <input class="tel input_all" type="text" name="tel" placeholder="手機號"> </div> <div cl

OileDie 2020-07-08 10:28:07

啓用了ARC技術

  Xcode4.2(iOS 5)以後啓用了ARC技術，雖然4.2以後版本仍然可以不開啓ARC,但是我們在建工程的時候有時爲了不想管理內存然後就啓用了ARC,但是再開發過程中需要用到第三開發類庫，而這些第三方類庫或是沒做更新而不支持AR

李鸿鸣 2020-07-08 10:22:45

ios7 xib 適配

</pre><span style="font-family:'Comic Sans MS'; font-size:18px"></span><p></p><pre name="code" class="objc">如果你已經下載了x

李鸿鸣 2020-07-08 10:22:45

界面控件DevExtreme JS & ASP.NET Core 2024年度產品規劃預覽（二）

在本文中我們將介紹今年即將發佈的v24.1附帶的主要特性，這些特性既適用於DevExtreme JavaScript (Angular、React、Vue、jQuery)，也適用於基於DevExtreme的ASP.NET MVC/Core控

原創 2024-04-10 11:34:33

界面控件DevExtreme JS & ASP.NET Core 2024年度產品規劃預覽（一）

在本文中我們將介紹今年即將發佈的v24.1附帶的主要特性，這些特性既適用於DevExtreme JavaScript (Angular、React、Vue、jQuery)，也適用於基於DevExtreme的ASP.NET MVC/Core控

原創 2024-04-03 11:34:37

如何學好知識

前言         爲啥要寫這個呢，因爲寫程序也7-8年了，有一些感悟，想寫下來，雖然這個命題有點大，但是呢，我覺得並不誇張，下面進入正題。 打好基礎 其實就是學東西不管學什麼基礎纔是重要的，比如寫程序有的人會說能用就行，可是我覺

原創 2024-03-23 11:54:39

界面控件DevExtreme 新版本可訪問性功能增強

DevExtreme擁有高性能的HTML5 / JavaScript小部件集合，使您可以利用現代Web開發堆棧（包括React，Angular，ASP.NET Core，jQuery，Knockout等）構建交互式的Web應用程序。從Ang

原創 2024-02-20 12:33:27

angular與jsp對比

Q: angular + springmvc前後端分離 vs springmvc(jsp)區別A: 一、前後端整體結構（1）在寫springmvc(jsp)項目時，必須在controller層考慮要返回哪個頁面，頁面上塞什麼參數。（2）a

weixin_41810396 2020-07-08 11:03:21