একটি নির্বাচিত ট্যাগে এনজিমোডেলে পরিবর্তন সনাক্ত করুন (কৌণিক 2)

Question 1

আমি ngModelএকটি <select>ট্যাগে একটি পরিবর্তন সনাক্ত করার চেষ্টা করছি । কৌণিক 1.x এ, আমরা $watchএটি অন ngModelদ্বারা বা ব্যবহার করে সমাধান ngChangeকরতে পারি, তবে ngModelকৌনিক 2 তে পরিবর্তন কীভাবে সনাক্ত করতে হয় তা আমি এখনও বুঝতে পারি নি ।

সম্পূর্ণ উদাহরণ : http://plnkr.co/edit/9c9oKH1tjDDb67zdKmr9?p=info

import {Component, View, Input, } from 'angular2/core';
import {FORM_DIRECTIVES} from 'angular2/common';

@Component({
    selector: 'my-dropdown'
})
@View({
    directives: [FORM_DIRECTIVES],
    template: `
        <select [ngModel]="selection" (ngModelChange)="onChange($event, selection)" >
            <option *ngFor="#option of options">{{option}}</option>
        </select>
        {{selection}}
    `
})
export class MyDropdown {
    @Input() options;

    selection = 'Dog';

    ngOnInit() {
        console.log('These were the options passed in: ' + this.options);
  }

  onChange(event) {
    if (this.selection === event) return;
    this.selection = event;
    console.log(this.selection);
  }

}

যেমন আমরা দেখতে পাচ্ছি, যদি আমরা ড্রপডাউন থেকে আলাদা মান নির্বাচন করি তবে আমাদের ngModelপরিবর্তনগুলি এবং ভিউতে অন্তরবিচ্ছিন্ন প্রকাশটি এটি প্রতিফলিত করে।

আমি আমার শ্রেণি / নিয়ামকের এই পরিবর্তন সম্পর্কে কীভাবে জানব?

Question 2

আপডেট :

ইভেন্ট এবং সম্পত্তির বাইন্ডিংগুলি পৃথক করুন:

<select [ngModel]="selectedItem" (ngModelChange)="onChange($event)">

onChange(newValue) {
    console.log(newValue);
    this.selectedItem = newValue;  // don't forget to update the model here
    // ... do other stuff here ...
}

আপনি ব্যবহার করতে পারে

<select [(ngModel)]="selectedItem" (ngModelChange)="onChange($event)">

এবং তারপরে আপনাকে ইভেন্ট হ্যান্ডলারে মডেলটি আপডেট করতে হবে না, তবে আমি বিশ্বাস করি এটির ফলে দুটি ঘটনাই আগুন ধরিয়ে দেয়, সুতরাং এটি সম্ভবত কম দক্ষ।

পুরানো উত্তর, তারা বিটা ১ এ কোনও বাগ ঠিক করার আগে:

একটি স্থানীয় টেম্পলেট ভেরিয়েবল তৈরি করুন এবং একটি (change)ইভেন্ট সংযুক্ত করুন :

<select [(ngModel)]="selectedItem" #item (change)="onChange(item.value)">

plunker

আরও দেখুন কীভাবে আমি কৌনিক 2 তে "নির্বাচন" করে নতুন নির্বাচন পেতে পারি?

Question 3

আমি এই প্রশ্নটি দেখে হোঁচট খেয়েছি এবং আমি আমার উত্তরটি জমা দেব যা আমি ব্যবহার করেছি এবং বেশ ভাল ব্যবহার করেছি। আমার কাছে একটি অনুসন্ধান বাক্স ছিল যা ফিল্টার করে এবং বস্তুর অ্যারে এবং আমার অনুসন্ধান বাক্সে আমি এটি ব্যবহার করেছিলাম(ngModelChange)="onChange($event)"

আমার মধ্যে .html

<input type="text" [(ngModel)]="searchText" (ngModelChange)="reSearch(newValue)" placeholder="Search">

তারপরে আমার মধ্যে component.ts

reSearch(newValue: string) {
    //this.searchText would equal the new value
    //handle my filtering with the new value
}