আমি বস্তুর তালিকায় একটি নির্বাচিত উপাদানকে বাঁধতে চাই - যা যথেষ্ট সহজ:
@Component({
selector: 'myApp',
template: `<h1>My Application</h1>
<select [(ngModel)]="selectedValue">
<option *ngFor="#c of countries" value="c.id">{{c.name}}</option>
</select>`
})
export class AppComponent{
countries = [
{id: 1, name: "United States"},
{id: 2, name: "Australia"}
{id: 3, name: "Canada"},
{id: 4, name: "Brazil"},
{id: 5, name: "England"}
];
selectedValue = null;
}
এই ক্ষেত্রে, এটি প্রদর্শিত selectedValueহবে যা একটি সংখ্যা হবে - নির্বাচিত আইটেমটির আইডি।
যাইহোক, আমি আসলে দেশটির সাথে নিজেকে যুক্ত করতে চাই যাতে selectedValueকেবল আইডির চেয়ে অবজেক্টটি। আমি বিকল্পটির মানটি এভাবে পরিবর্তনের চেষ্টা করেছি:
<option *ngFor="#c of countries" value="c">{{c.name}}</option>তবে এটি কাজ করছে বলে মনে হয় না। মনে হচ্ছে এটি আমার মধ্যে একটি অবজেক্ট selectedValueরাখবে - তবে আমি যে বস্তুর প্রত্যাশা করছি তা নয়। আপনি আমার Plunker উদাহরণ এ দেখতে পারেন ।
আমি পরিবর্তনের ইভেন্টের সাথেও বাধ্যতামূলক চেষ্টা করেছি যাতে আমি নির্বাচিত আইডির ভিত্তিতে অবজেক্টটি নিজেকে সেট করতে পারি; যাইহোক, এটি প্রদর্শিত হবে যে এনজিওমোডেল সীমাবদ্ধ আপডেট হওয়ার আগে পরিবর্তিত ইভেন্টটি আগুন ধরে যায় - যার অর্থ আমার কাছে সেই সময়ে নবনির্বাচিত মানটিতে অ্যাক্সেস নেই।
কৌণিক 2 দিয়ে কোনও বস্তুর সাথে একটি নির্বাচিত উপাদানকে বেঁধে রাখার কি কোনও পরিষ্কার উপায় আছে?