AngularJS Select OnChange结果未反映在附加模型中
我的指令中有以下标记:AngularJS Select OnChange结果未反映在附加模型中,angularjs,Angularjs,我的指令中有以下标记: <select class="form-control" ng-change="changeLanguage()" ng-model="selectedLanguage" ng-options='lang.key as lang.name for lang in languages'></select> <p>{{selectedLanguage}}</p> 但是,当我通过UI更改它时,它不会反映在控制器中,但它在U
<select class="form-control"
ng-change="changeLanguage()"
ng-model="selectedLanguage"
ng-options='lang.key as lang.name for lang in languages'></select>
<p>{{selectedLanguage}}</p>
但是,当我通过UI更改它时,它不会反映在控制器中,但它在UI中可用,我可以看到所选的值。我尝试了$watch和onChange来查看,但都不起作用。这里怎么了?对我来说似乎很好。下面是一个使用您提供的代码的示例
var-app=angular.module('myApp',[]);
应用程序控制器('Ctrl',函数($scope){
$scope.languages=[{
名称:“Java”,
关键字:“java”,
}, {
名称:“C”,
键:“c”,
}];
$scope.$watch(“selectedLanguage”,函数(newValue,oldValue){
日志(“监视”、新值、旧值);
});
$scope.changeLanguage=函数(){
console.log(“语言更改:”+$scope.selectedLanguage)
}
});代码>
{{selectedLanguage}}
对我来说似乎很好。下面是一个使用您提供的代码的示例
var-app=angular.module('myApp',[]);
应用程序控制器('Ctrl',函数($scope){
$scope.languages=[{
名称:“Java”,
关键字:“java”,
}, {
名称:“C”,
键:“c”,
}];
$scope.$watch(“selectedLanguage”,函数(newValue,oldValue){
日志(“监视”、新值、旧值);
});
$scope.changeLanguage=函数(){
console.log(“语言更改:”+$scope.selectedLanguage)
}
});代码>
{{selectedLanguage}}
对我来说似乎很好。下面是一个使用您提供的代码的示例
var-app=angular.module('myApp',[]);
应用程序控制器('Ctrl',函数($scope){
$scope.languages=[{
名称:“Java”,
关键字:“java”,
}, {
名称:“C”,
键:“c”,
}];
$scope.$watch(“selectedLanguage”,函数(newValue,oldValue){
日志(“监视”、新值、旧值);
});
$scope.changeLanguage=函数(){
console.log(“语言更改:”+$scope.selectedLanguage)
}
});代码>
{{selectedLanguage}}
对我来说似乎很好。下面是一个使用您提供的代码的示例
var-app=angular.module('myApp',[]);
应用程序控制器('Ctrl',函数($scope){
$scope.languages=[{
名称:“Java”,
关键字:“java”,
}, {
名称:“C”,
键:“c”,
}];
$scope.$watch(“selectedLanguage”,函数(newValue,oldValue){
日志(“监视”、新值、旧值);
});
$scope.changeLanguage=函数(){
console.log(“语言更改:”+$scope.selectedLanguage)
}
});代码>
{{selectedLanguage}}
奇怪,也许问题不存在?在普朗克,它起作用了
(function() {
var app = angular.module('myApp', []);
app.controller('myCtrl', ['$scope',
function($scope) {
$scope.languages = [{
name: "Java",
key: "java",
}, {
name: "C",
key: "c",
}];
$scope.$watch("selectedLanguage", function(newValue, oldValue) {
console.log("watch", newValue, oldValue);
});
$scope.changeLanguage = function() {
console.log("language changed: " + $scope.selectedLanguage)
}
}
]);
})()
奇怪,也许问题不在这里?在普朗克,它起作用了
(function() {
var app = angular.module('myApp', []);
app.controller('myCtrl', ['$scope',
function($scope) {
$scope.languages = [{
name: "Java",
key: "java",
}, {
name: "C",
key: "c",
}];
$scope.$watch("selectedLanguage", function(newValue, oldValue) {
console.log("watch", newValue, oldValue);
});
$scope.changeLanguage = function() {
console.log("language changed: " + $scope.selectedLanguage)
}
}
]);
})()
奇怪,也许问题不在这里?在普朗克,它起作用了
(function() {
var app = angular.module('myApp', []);
app.controller('myCtrl', ['$scope',
function($scope) {
$scope.languages = [{
name: "Java",
key: "java",
}, {
name: "C",
key: "c",
}];
$scope.$watch("selectedLanguage", function(newValue, oldValue) {
console.log("watch", newValue, oldValue);
});
$scope.changeLanguage = function() {
console.log("language changed: " + $scope.selectedLanguage)
}
}
]);
})()
奇怪,也许问题不在这里?在普朗克,它起作用了
(function() {
var app = angular.module('myApp', []);
app.controller('myCtrl', ['$scope',
function($scope) {
$scope.languages = [{
name: "Java",
key: "java",
}, {
name: "C",
key: "c",
}];
$scope.$watch("selectedLanguage", function(newValue, oldValue) {
console.log("watch", newValue, oldValue);
});
$scope.changeLanguage = function() {
console.log("language changed: " + $scope.selectedLanguage)
}
}
]);
})()
尝试将控制器中的selectedLanguage初始化为$scope.selectedLanguage=“”代码>@Jan我做了,它没有修复它可能selectedLanguage
在不同的范围内。代码是完美的。对我来说很合适。如果可能,共享一个plunkr或JSFIDLE。它在指令中,这会相关吗?尝试将控制器中的selectedLanguage初始化为$scope.selectedLanguage=“”代码>@Jan我做了,它没有修复它可能selectedLanguage
在不同的范围内。代码是完美的。对我来说很合适。如果可能,共享一个plunkr或JSFIDLE。它在指令中,这会相关吗?尝试将控制器中的selectedLanguage初始化为$scope.selectedLanguage=“”代码>@Jan我做了,它没有修复它可能selectedLanguage
在不同的范围内。代码是完美的。对我来说很合适。如果可能,共享一个plunkr或JSFIDLE。它在指令中,这会相关吗?尝试将控制器中的selectedLanguage初始化为$scope.selectedLanguage=“”代码>@Jan我做了,它没有修复它可能selectedLanguage
在不同的范围内。代码是完美的。对我来说很合适。如果可能的话,共享一个plunkr或jsFiddle。它在指令中,是否相关?