2016-04-11 7 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

ли у вас действительно есть эта проблема? Я думаю, что [любая документация] (https://angular.io/docs/ts/latest/guide/template-syntax.html#!#ngFor) с 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

Я получаю имя1, имя2, имя3 в каждой строке, поэтому 3 раза имя1, name2, name3 ... как я могу заставить его просто показать 1 имя для каждой строки? – Satch3000

+0

Вышеупомянутые работы для меня. http://plnkr.co/edit/CyHzR4 – MSwehli

+1

Вы, скорее всего, опечатываете свой код, помещая {{names}} вместо {{name}}, как показано в примере в plnkr i, вышедшем выше. – MSwehli

Смежные вопросы