角2属性指令vs结构指令

　　

<李>

<李>

<李>

import  {, Component },得到“@angular/核心”; 　　 　　@ component ({,, 　　,,,选择器:,“我的程序”,,//,定义组件在HTML代码中匹配的标签,, 　　,,,模板:,“& lt; h2> Hello ”名称& lt;/h2>,,,//,指定组件关联的内联模板 　　}) 　　export  class  AppComponent , {name 才能=,‘角’,,}

& lt; div  [ngStyle]="{“背景颜色”:,“绿色”}“祝辞& lt;/div>

& lt; div  [ngStyle]="{“背景颜色”:,person.country ===,“英国”,?,“绿色”,:,“红色”}”在

import  {, Component },得到“@angular/核心”; 　　 　　@ component ({ 　　,,,选择器:,“ngstyle-example”, 　　模板:,,,,” 　　,,,,,,,& lt; h5> NgStyle 　　,,,,,,,& lt; ul  * ngFor=發et  person  of 人”在 　　,,,,,,,,,,,& lt; li  [ngStyle]="{“颜色”:,色鬼(person.country)}”在, 　　,,,,,,,,,,,,,,,{{,person.name }},(“人”“国家”)。 　　,,,,,,,,,,,& lt;/li> 　　,,,,,,,& lt;/ul> 　　'}) 　　export  class  NgStyleExampleComponent  {,,, 　　,,,色鬼(国家:字符串),{, 　　,,,,,,,switch (国家),{, 　　,,,,,,,case “CN”:, 　　,,,,,,,,,,,return “红色”; 　　,,,,,,,case “美国”:, 　　,,,,,,,,,,,return “蓝”; 　　,,,,,,,case “英国”:, 　　,,,,,,,,,,,return “绿色”; 　　,,,,,,},,,, 　　,,,},,,, 　　,,,, 　　,,,人:,任何[],=,( 　　,,,,,,,{,名字:“Semlinker”,:,“CN”,}, 　　,,,,,,,{,名字:“Donald  John 特朗普”,:,“美国”,}, 　　,,,,,,,{,名字:“Daniel 曼森,:,“英国”,},,,, 　　,,,,); 　　}

, & lt; ul  * ngFor=發et  person  of 人”在,,,,, 　　,,,,& lt; li  [style.color]=吧怼?person.country)比; 　　,,,,,,,,{{,person.name }},(“人”“国家”)。 　　,,,,& lt;/li> 　　& lt;/ul>

& lt; div  [ngClass]=" {“text-success”:, true }“祝辞& lt;/div>

& lt; div  [ngClass]=" {“text-success”:, person.country ===,“CN”}“祝辞& lt;/div>

import  {, Component },得到“@angular/核心”; 　　 　　@ component ({ 　　,,,选择器:,“ngclass-example”, 　　模板:,,,,” 　　,,,,,,,& lt; style> 　　,,,,,,,,,,,.text-success {,颜色:green }, 　　,,,,,,,,,,,.text-primary {,颜色:red },,,,,, 　　,,,,,,,,,,,.text-secondary {,颜色:blue } 　　,,,,,,,& lt;/style> 　　,,,,,,,& lt; h5> NgClass 　　,,,,,,,& lt; ul  * ngFor=發et  person  of 人”在 　　,,,,,,,,,,,& lt; li  [ngClass]=" {,“text-success”: person.country ===,“英国”, 　　,,,,,,,,,,,,,,,“text-primary”:, person.country ===,“CN”, 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null

角2属性指令vs结构指令