AngularJS Select OnChange result not reflected in attached model -
मेरे पास मेरे निर्देश के अंदर निम्नलिखित मार्कअप हैं:
& lt; select class = "form -कनंत्र "एनजी-परिवर्तन =" चेंज लँगवेज () "एनजी-मॉडल =" चयनित भाषा "एनजी-ऑप्शंस = 'लैंग। के रूप में भाषाओं में लैंग के लिए लैंग.नाव' & gt; & lt; / select & gt; & Lt; p & gt; {{selectedLanguage}} & lt; / p & gt; और मेरे निदेशकों के नियंत्रकों का प्रासंगिक हिस्सा यह है:
$ scope.languages = [{नाम: "जावा", कुंजी: "जावा",} , {नाम: "सी", कुंजी: "सी",}]; $ दायरा। $ घड़ी ("चुना गया भाषा", फ़ंक्शन (नयाव्यू, पुरानाव्यू) {console.log ("घड़ी", नयावाले, पुरानावैलू);}); $ Scope.changeLanguage = function () {console.log ("language changed:" + $ scope.selectedLanguage)} हालांकि, जब मैं इसे UI के माध्यम से बदलता हूँ, यह उस परिलक्षित नहीं होता है नियंत्रक, लेकिन यह UI में उपलब्ध है, मैं चयनित मान देख रहा हूँ। मैंने दोनों को देखने और देखने की कोशिश की, लेकिन वे दोनों काम नहीं करते हैं। क्या गलत है यहां?
मेरे लिए ठीक काम करने लगता है यहां आपके द्वारा प्रदान किए गए कोड के साथ काम करने का यह एक उदाहरण है।
var ऐप = कोणीय। मॉड्यूल ('myApp', []); App.controller ('ctrl', function ($ scope) {$ scope.languages = [{नाम: "जावा", कुंजी: "जावा",}, {नाम: "सी", कुंजी: "सी",}] ; $ स्कोप। $ वॉच ("चयनित भाषा", फ़ंक्शन (नयावाले, पुरानाव्यू) {console.log ("घड़ी", नयावाले, पुरानावैल्यू);}); $ scope.changeLanguage = function () {console.log ("भाषा बदल गई : "+ $ Scope.selected भाषा}}}); & lt; script src =" https: / /ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> & Lt; div ng-app = "myApp" एनजी-नियंत्रक = "Ctrl" & gt; & Lt; select class = "form-control" ng-change = "changeLanguage ()" एनजी-मॉडल = "चुने गए भाषा" एनजी-विकल्प = 'लैंग। के रूप में भाषा में लैंग के लिए lang.name' & gt; & lt; / select & gt; & Lt; p & gt; {{selectedLanguage}} & lt; / p & gt; & Lt; / div & gt;
Comments
Post a Comment