Angular2元件開發 模板的邏輯控制（一）

有時我們需要模板的一部分內容在滿足一定條件時才顯示，比如右邊示例中的ezreader元件， 對於試用使用者，它將在正文之上額外顯示乙個廣告：

這是指令ngif發揮作用的場景，它評估屬性ngif的值是否為真，來決定是否渲染template元素的內容：

1

@view()
angular2同時提供了兩種語法糖，讓ngif寫起來更簡單，下面的兩種書寫方法和上面 的正式語法是等效的：
1//使用template attribute
2>3//
使用*字首
4>

需要指出的是，ngif是angular2預置的指令/directive，所以在使用之前，需要：

從angular2庫中引入ngif型別定義

在元件的viewannotation中通過屬性directives宣告對該指令的引用

例如：

1

2310
111260
61

Angular 2 元件之間如何通訊

import from angular2 core component class child component i number 0 constructor 1000 import from angular2 core component class child 1000 component i...

angular2新建元件

1,使用 ng g c hello 建立乙個新的元件 它建立了4個檔案，並更新了 如果想訪問這個元件，只需要新增它的路由 成功訪問這個元件 import語句定義了我們需要用到的哪些模組，import 語句的結構 import from wherever.這種寫法叫解構。解構是 es6和 typesc...

Angular 2的元件樣式

使用styles在元資料中指定樣式 在定義component時可以通過styles欄位指定樣式，styles接受乙個字串陣列，但是通常我們只指定乙個字串就夠了。如下 selector my list template styles ul li export class itemcomponent,這...