Angular2 - 需要一些清晰度

我與angular2當前測試版本的任何疑問，請幫助我瞭解或告訴我一個正確的技術文檔？Angular2 - 需要一些清晰度

1）這裏是我的app.component這裏我只出口AppComponent。但是我的@Component如何在這裏得名？這是如何連接的？

import {Component} from 'angular2/core'; 


interface Hero { 
    id: number; 
    name: string; 
} 

@Component({ 
    selector: 'my-app', 
    template: ` 
     <h1>{{title}}</h1> 
     <h2>{{hero.name}} details!</h2> //but how i am getting name here? 
     <div><label>id: </label>{{hero.id}}</div> 
     <div> 
      <label>name: </label> 
      <div><input [(ngModel)]="hero.name" placeholder="name"></div> 
     </div> 
    ` 
}) 



export class AppComponent { 

    public title = "Tour of Heros"; 
    public hero : Hero = { 

     id :1, 
     name: 'Windstorm' 

    } 

}

這裏是我的boot.ts只得到AppComponent孤單。不@Component但仍然是如何在HTML中可用的@component模板？如何boot.ts從AppComponent讓我template。

import {bootstrap} from 'angular2/platform/browser' 
import {AppComponent} from './app.component' 

bootstrap(AppComponent);

任何一個澄清我。我對angular2非常陌生。在此先感謝。

來源

2015-12-23 3gwebtrain

我覺得你的問題在quickstart頁面大多回答：

類成爲角狀的部件時，我們給它的元數據。我們使用Angular Component函數定義組件的元數據。

在打字稿我們應用該功能，以班級爲裝飾用@符號前綴，並調用它只是組件類以上。
@Component告訴角度，這個類是角狀的部件。

當Angular在boot.ts中調用bootstrap函數時，它讀取AppComponent元數據，找到my-app選擇器，找到名爲my-app的元素標籤，並在這些標籤之間加載我們的應用程序。

而且，看看由打字稿編譯器生成的JavaScript文件：app.component.js。您將看到模板被添加到生成的AppComponent函數中。

來源

2015-12-23 06:12:39

Angular2 - 需要一些清晰度

回答

相關問題