Javascript ng选项不适用于对象

Javascript 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

我相信有一个很好的解释,但我似乎不能让ng选项与我的模型对象一起工作。基本上,我想让我的选择显示一个国家列表。选项值为国家代码,标签为国家名称:

HTML

<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