Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
AngularJS Select OnChange结果未反映在附加模型中_Angularjs - Fatal编程技术网

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。它在指令中,是否相关?