चुनिंदा

Question

में AngularJS ngModel निर्देश I angularjs प्रोजेक्ट पर काम कर रहा हूं और मुझे ngModel के साथ समस्या में बाध्यकारी नहीं है। लेकिन एक ही अवधारणा किसी अन्य चयन टैग और उसी HTML पृष्ठ में काम कर रही है। नीचे कोड है।

<select ng-model="selectedFont" 
      ng-options="font.title for font in fonts" 
      ng-change="onFontChange()"> 
    </select> 

onFontChange() फ़ंक्शन नियंत्रक में रखा गया है।

कोई भी मदद अत्यधिक सराहनीय है ... अग्रिम धन्यवाद।

Answer 1

टोनी टट्टू की बेला के आधार पर:

<div ng-app ng-controller="MyCtrl"> 
    <select ng-model="opt" 
      ng-options="font.title for font in fonts" 
      ng-change="change(opt)"> 
    </select> 

    <p>{{opt}}</p> 
</div> 

एक नियंत्रक के साथ:

function MyCtrl($scope) { 
    $scope.fonts = [ 
     {title: "Arial" , text: 'Url for Arial' }, 
     {title: "Helvetica" , text: 'Url for Helvetica' } 
    ]; 
    $scope.change= function(option){ 
     alert(option.title); 
    } 
} 

http://jsfiddle.net/basarat/3y5Pw/43/

Answer 2

पहले (स्थानीय या सर्वर से हो सकता है) डेटा बनाने के नियंत्रक में। और डिफ़ॉल्ट मान प्रारंभ करें, जो HTML फॉर्म में चयनित डिफ़ॉल्ट आइटम को मजबूर करता है।

// supported languages 
$scope.languages = ['ENGLISH', 'SPANISH', 'RUSSIAN', 'HINDI', 'NEPALI']; 
// init default language 
$scope.language = 'ENGLISH'; 

अब आप अपने HTML प्रपत्र

<select class="form-control" ng-model="language"> 
    <option ng-repeat="language in languages">{{language}}</option> 
</select> 

---

स्क्रीनशॉट में यहाँ है (ध्यान दें बूटस्ट्रैप सीएसएस प्रयोग किया जाता है और यहाँ शामिल नहीं)।

---

आप नियंत्रक में एक परीक्षण कर सकता है परिवर्तन

$scope.$watch('language', function (newVal, oldVal) { 
    console.log(oldVal + " -> " + newVal); 
}); 

काम कर रहा है कि क्या अंग्रेजी -> रूसी

रूसी -> स्पेनिश

स्पैनिश -> रूसी

आशा है कि यह सहायक होगा। धन्यवाद!