Javascript ng选项不适用于对象
我相信有一个很好的解释,但我似乎不能让ng选项与我的模型对象一起工作。基本上,我想让我的选择显示一个国家列表。选项值为国家代码,标签为国家名称: HTMLJavascript ng选项不适用于对象,javascript,angularjs,ng-options,Javascript,Angularjs,Ng Options,我相信有一个很好的解释,但我似乎不能让ng选项与我的模型对象一起工作。基本上,我想让我的选择显示一个国家列表。选项值为国家代码,标签为国家名称: HTML <div ng-app="demoApp"> <div ng-controller="UserInfoCtrl"> <h1>User Info</h1> <label>Email</label> <input
<div ng-app="demoApp">
<div ng-controller="UserInfoCtrl">
<h1>User Info</h1>
<label>Email</label>
<input type="text" ng-model="user.email" />
<br />
<label>Country</label>
<select ng-model="user.country" ng-options="code as name (code, name) in countriesByCode">
</select>
<pre>{{ user | json }}</pre>
</div>
</div>
以下是您在声明中缺少的“for” 下面是修正后的小提琴:
希望这有帮助。对不起,那是我表达中的一个愚蠢的错误。而不是 countriesByCode中作为名称(代码、名称)的代码 应该是
code as name for(code,name)in countriesByCode您是否阅读了控制台中打印的错误消息?谢谢!我也弄明白了。在这些事情上很难成为傻瓜:)
var demoApp = angular.module('demoApp', []);
demoApp.controller("UserInfoCtrl", function($scope) {
$scope.user = { };
$scope.countriesByCode = {
'AF' : 'Afghanistan',
'CA' : 'Canada',
'RU' : 'Russia'
};
});
code as name for (code, name) in countriesByCode