2016-12-22 96 views
1

我真的失去了angular2的RC6。Angular 2 RC6 - 模塊與組件

我無法調整我的代碼與模塊和組件,不理解兩者之間的差異。你能幫助我整合指令,提供者,進口大規模的應用程序。

Google的文檔還不是很清楚。

在此先感謝。

乾杯

+1

如果你是剛剛開始的一個項目,我建議你離開RC6和看一看angular.io。他們有良好的文檔來學習開發Angular項目:)例如,在這裏你可以閱讀關於模塊和組件:https://angular.io/docs/ts/latest/guide/architecture.html – Alex

+0

也許[this](http:///stackoverflow.com/questions/39292700/angular2-rc6-upgrade)SO問題可以幫助。 –

回答

1

基本上,在Angular2,您有:

  • 模塊:這些都是用來基本上設置你的應用程序的邏輯:事情是如何相互關聯。您在引導模塊時啓動應用程序。

    1. 進口:其中導入Angular2模塊(表格等)和你的下一個模塊(DashboardModule,AdminModule,AuthentificationModule等)的陣列以及所涉及的組件之間的路由邏輯。
    2. 聲明:聲明鏈接到該模塊的組件的數組。
    3. 提供者:在這裏你聲明要與該模塊
  • 組件使用你的服務或指令數組:A「WebComponent的」你設置的HTML注入到你的導航儀,與關聯CSS和它的行爲。

  • 服務或指令:您需要執行某些應用程序邏輯(如身份驗證調用,狀態等)的位置。

  • 一個帶有插座的路由器:它定義瞭如何根據URL定位你的應用程序。

我想用我自己的話來解釋這個所以它由幾個級別不準確的,這就是爲什麼你有文件的網站,如angular.io。 希望這有助於。

在模塊正式文件=>https://angular.io/docs/ts/latest/guide/ngmodule.html

+0

另外,不要從舊版本開始,從最新版本的蝙蝠開始,尤其是如果你是新手。 –

+0

感謝您的回覆。 我不是全新的,這就是爲什麼我有點與模塊丟失。這是一個具體的例子。 要創建一個表單,在文檔中,必須在模塊中: 從'@ angular/forms'導入{FormsModule,ReactiveFormsModule}; 這必須進入組件: 從'@ angular/forms'導入{FormControl,FormGroup,Validators,FormBuilder}; 我不明白爲什麼,如何知道什麼是正確的進口位置。 此外,似乎DI不能正常使用模塊?可能嗎? 乾杯 –

+0

要小心角度形式有所改變,所以不要猶豫,請參閱官方文檔https://angular.io/docs/ts/latest/guide/forms.html。大多數情況下,您將知道要從文檔導入什麼內容,並且以您的示例爲例,您知道您將操作表單,並且必須告知導入「FormsModule」,以便您的鏈接組件能夠使用Forms,然後在組件內部導入Forms指令,例如'FormControl'或'FormGroup'。 –