javascript - कोणीय 2: रेडियोबटन बदलाव घटना बाध्यकारी नहीं है




twitter-bootstrap-3 javascript-events (2)

यहां, मैं बस रेडियोबटन को बदलाव की घटना के साथ बाँधना चाहता हूं। किसी भी पुस्तकालय का उपयोग नहीं।

निम्नलिखित काम ठीक है

<input type="radio" name="test" value="A" (change)="onPropertyChange('test')">
<input type="radio" name="test" value="B" (change)="onPropertyChange('test')">

लेकिन यह एक नहीं है:

<div class="btn-group col-lg-2" data-toggle="buttons" >
<label *ngFor=" let app of applications; let i = index; " 
       class="btn btn-default " [ngClass]="{'active':( ticket.app == app)}">      
      <input type="radio" id="app{{i}}"  name="app" value="{{i}}"                   
           checked="{{ ( ticket.app == app ) ? 'checked' : ''}}" (change)=" 
           onPropertyChange('app')"  > 
     {{app}}
</label>
</div>

जबकि बाध्यकारी परिवर्तन घटना लेबल करने के लिए, यह मुझे पुरानी मूल्य दे रहा है

क्या कोई सही दृष्टिकोण का सुझाव दे सकता है?

अग्रिम में धन्यवाद...!!!


कोणीय 2 आरसी 2 के साथ रेडियोबूटनस्टेट बनाने के लिए अब इसे जरूरी नहीं है:

रेडियो बटन अब फॉर्म कंट्रोल वोल्टेज साझा कर सकते हैं

<form #f="ngForm">
   <input type="radio" name="food" [(ngModel)]="food" value="chicken">
   <input type="radio" name="food" [(ngModel)]="food" value="fish">
</form>

तथा:

class MyComp {
   food = 'fish';
}

स्रोत: 5 थिंगंगुलर - अंक # 8


एनजी 2-बूटस्ट्रैप का उपयोग करना,

<div class="btn-group col-lg-2">
    <label *ngFor="let app of applications" class="btn btn-default" [(ngModel)]="ticket.app" btnRadio="{{app}}">{{app}}</label>
</div>

में .ts फ़ाइल,

  • import { ButtonRadioDirective } from 'ng2-bootstrap/components/buttons'; जोड़ा गया import { ButtonRadioDirective } from 'ng2-bootstrap/components/buttons';

  • @Component एनोटेशन में, इसे directives: [ButtonRadioDirective] रूप में पारित किया गया directives: [ButtonRadioDirective]

यह बढ़िया काम करता है। आशा है कि यह आपके लिए काम करेगा







radio-button