* ngFor

Question

के बाद * ngFor

<ul> 
    <li *ngFor="#todo of todoService.todos"> 
    {{todo}} 
    <li> 
</ul> 

खाली सरणी में तत्व से पता चलता जब मैं पृष्ठ लोड कहाँ todoService एक इंजेक्शन इंटरफ़ेस

import {Injectable} from 'angular2/core'; 

@Injectable() 
export class TodoService { 
    todos = [] 
} 

है, उत्पादन कुछ नहीं के बजाय <li></li> है।

कोई विचार क्यों? के बाद से सरणी रिक्त है, वहाँ एक <li> -tag

संपादित यह भी उत्पन्न कर रहा है जब मैं मूल्यों के साथ सरणी प्रारंभ नहीं किया जाना चाहिए। किसी भी कारण से हमेशा खाली तत्व पीछे रहता है। समस्या https://plnkr.co/edit/MRYC4MHtlDLfBMUPsL6o?p=preview

Answer 1

आह हाँ :) आप इस तरह की समस्याओं पर अंधा घूरते कर सकते हैं, भले ही समाधान कभी कभी भी सरल है।

मुझे विश्वास है कि आप नीचे <li> को एक बंद टैग होने के लिए नीचे करना चाहते हैं? यही कारण है कि सिर्फ आपकी समस्या का समाधान हो सकता है:

<ul> 
    <li *ngFor="#todo of todoService.todos"> 
    {{todo}} 
    </li> <!-- this nagger right here --> 
</ul> 

Answer 2

की

EDIT2 उदाहरण मैं beta1 साथ आपकी समस्या को पुन: पेश नहीं कर सकते हैं: https://plnkr.co/edit/hGpCIZQghtMBbpplV9tV?p=preview:

@Component({ 
    selector: 'my-app', 
    template: ` 
    <div> 
     Test: 
     <ul> 
     <li *ngFor="#l of service.list">{{l}}</li> 
     </ul> 
    </div> 
    ` 
}) 
export class AppComponent { 
    constructor(private service:Service) { 

    } 
} 

इस plunkr देखें।

आप कोणीय 2 का किस संस्करण का उपयोग करते थे?

थियरी