2016-04-11 4 views
0

からリストを作成します。は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']; 

} 

をどのように私はこのような何かが仕事を得ることができますか?

+0

あなたは本当にこの問題を持っていましたべきか?私は、NgForを使って[どのようなドキュメント(https://angular.io/docs/ts/latest/guide/template-syntax.html#!#ngFor)でもこれを行う方法を示していると思います。私は、この質問を投稿するのに時間がかかりそうだと思いますが、簡単なインターネット検索で答えを見つけることになります。質問は研究努力を示すはずです。明らかに、 '#ngFor =" "'のようなものは動作しません。試したこと、立ち往生した場所、または何らかの文書に基づいてこれを理解できなかった理由を示す必要があります。 –

答えて

7

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']; 

} 
+0

私はそれぞれの行にname1、name2、name3という名前を付けています.3回name1、name2、name3 ...どのようにして各行に1つの名前を表示させることができますか? – Satch3000

+0

上記は私のために働く。 http://plnkr.co/edit/CyHzR4 – MSwehli

+1

上記のplnkr iの例のように、{{name}}の代わりに{{names}}を入れてコードを入力するのが最も一般的です。 – MSwehli