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:number = 0;
numberichange(i:number)
}

forwardref

用處的的可以看 這裡@host表示這個injector必須是host element在這裡可以理解為parent

import  from 'angular2/core';

@component()
class child , 1000);
}}

@component()

i:number = 0;
}

ngafterviewinit生命週期鉤子後才能獲取，如果對元件生命週期不了解的話，可以參考這裡

import  from 'angular2/core';

@component()
class child

@component()

@viewchild(child) child:child;
ngafterviewinit() , 1000)
}}

import  from 'angular2/core';

@injectable();
class kittencupservice

@component()

class child 
}

@component()

constructor(service:kittencupservice) , 1000)
}}

import  from 'angular2/core';

@injectable()
class kittencupservice 
}

@component()

class child )
}}

@component()

i:number = 0;
constructor(service:kittencupservice) , 1000)
}}

angular2新建元件

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

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

有時我們需要模板的一部分內容在滿足一定條件時才顯示，比如右邊示例中的ezreader元件，對於試用使用者，它將在正文之上額外顯示乙個廣告 這是指令ngif發揮作用的場景，它評估屬性ngif的值是否為真，來決定是否渲染template元素的內容 1 view angular2同時提供了兩種語法糖，讓n...

Angular2如何修改父子元件樣式

場景 需要根據實際專案需求，修改引入的第三方元件的部分樣式 修改父元件的元素的樣式 一 修改父元件的元素的樣式 host host偽類，這是在元件內部獲取到其宿主元素的唯一方式，會向上一直查詢到根元素body 具體使用方法 預設當前在乙個元件中，該元件位於乙個父元件中，且該元件引入了第三方子元件 以...