में मॉडल को बदलने के बाद दृश्य को कैसे अपडेट करें I Angular को मॉडल में किए गए परिवर्तनों को प्रचारित करने दें। AngularJS में यह वास्तव में आसान होगा, लेकिन मुझे यह कोणीय में काम नहीं कर रहा है। मैं पूरी परिवर्तन पहचान प्रणाली जानता हूं और प्रचार पूरी तरह से बदल गया है। किसी भी तरह, मुझे परिवर्तनों के कोणीय को सूचित करने की आवश्यकता है। लेकिन मैं अभ्यास में यह कैसे कर सकता हूं।कोणीय
टाइपप्रति कोड के इस टुकड़े देखें:
import {Component, View, bootstrap, For} from 'angular2/angular2';
// Annotation section
@Component({
selector: 'app'
})
@View({
template: `
<div *for="#user of users">
{{user}}
</div>
`,
directives: [For]
})
class App {
users:Array<String>;
constructor() {
this.users = [];
this.fillUsersAsync();
}
fillUsersAsync(){
window['fetch']('http://jsonplaceholder.typicode.com/users')
.then(resp => resp.json())
.then(users => users.forEach(user => this.users.push(user.name)))
.then(() => console.log('Retrieved users and put on the model: ', this.users));
}
}
bootstrap(App);
आपको लगता है कि देखेंगे, के बाद उन मॉडल में लोड करने के लिए, दृश्य को अपडेट नहीं करता है।
मैं systemjs 0.16, कोणीय 2.0.0-alpha.23 का उपयोग कर रहा हूं।
See this plnkr for the example (वर्तमान में, केवल क्रोम में काम करता है के रूप में नए 'लाने' एपीआई प्रयोग किया जाता है)
आपका दूसरा लिंक मुझे सही रास्ते पर रखना प्रतीत होता है, लेकिन दस्तावेज़ आउट-डेट होने लगता है। मुझे लगता है कि मुझे निर्देश सरणी में किसी प्रकार का फॉर्म निर्देश चाहिए, लेकिन नाम क्या है, और इसे कैसे आयात करें? – nicojs
@ एनिकोज पहले लिंक के उदाहरण के रूप में करने की सलाह देंगे और यदि यह काम नहीं करता है, तो दूसरे की तरह करें। 'रूपों' के लिए निर्देश का नाम - निर्देश: [रूप] या शायद [फॉर्म]। इसे आयात करें [निर्देश] के लिए आयात करें। इसे आज़माएं और कृपया रिपोर्ट करें, मैं आपकी मदद करने की कोशिश करता हूं। –
मैंने यह सब कोशिश की, लेकिन यह काम नहीं कर रहा है। मुझे लगता है कि हम गलत दिशा में देख रहे हैं। जहां तक मुझे पता है, कोणीय 2 अभी भी गंदे जांच का उपयोग करता है यह देखने के लिए कि मॉडल बदल गया है या नहीं। किसी भी तरह मुझे angular2 को सूचित करने की आवश्यकता है कि मैंने मॉडल को अपडेट किया है। या एक $ http समकक्ष का उपयोग करें। – nicojs