Angular2創建陣列

列表使用Angular2我想從一個數組做一個清單...是這樣的：Angular2創建陣列

import {Component} from 'angular2/core'; 

@Component({ 
    selector: 'my-app', 
    template: ` 

     <ul> 
      <li *ngFor=""> 
       {{names}} 
      </li> 
     </ul> 

    `, 
}) 
export class AppComponent { 

    names = ['name1', 'name2', 'name3']; 

}

我怎樣才能得到這樣的工作嗎？

來源

2016-04-11 Satch3000

你真的有這個問題？我想用NgFor [任何文檔]（https://angular.io/docs/ts/latest/guide/template-syntax.html#!#ngFor）將演示如何做到這一點。也就是說，我認爲發佈這個問題需要更長的時間，然後通過簡單的互聯網搜索找到答案。問題應該顯示一些研究工作。很明顯，你知道像'#ngFor =「」'這樣的東西不會起作用。你應該展示你的嘗試，以及你被困住的地方，或者你爲什麼不能根據一些文檔來弄清楚。 –

應該

import {Component} from 'angular2/core'; 

@Component({ 
    selector: 'my-app', 
    template: ` 
     <ul> 
      <li *ngFor="#name of names"> 
       {{name}} 
      </li> 
     </ul> 
    `, 
}) 

export class AppComponent { 

    names = ['name1', 'name2', 'name3']; 

}

來源

2016-04-11 22:28:13

我在每行中獲得name1，name2，name3，所以3次name1，name2，name3 ...我怎麼能得到它只顯示每行1個名稱？ – Satch3000

上面的作品適合我。 http://plnkr.co/edit/CyHzR4 – MSwehli

根據我在上面發佈的plnkr中的示例，您很可能在您的代碼中使用了{{names}}而不是{{name}}。 – MSwehli

Angular2創建陣列

回答

相關問題