angularjs中的ng模型属性_Angularjs

angularjs中的ng模型属性

angularjs

angularjs中的ng模型属性,angularjs,Angularjs,我的html代码 <!doctype html> <html ng-app ng-controller="peopleController"> <head> <script src="js/angular.min.js" type="text/javascript"></script> <sc

我的html代码

            <!doctype html>
            <html ng-app ng-controller="peopleController">
              <head>
                <script src="js/angular.min.js" type="text/javascript"></script>
                <script>
                function peopleController($scope){
                        $scope.people = [
                            { name : "aa" , age : 14 },
                            { name : "ss" , age : 11},
                            { name : "dd" , age : 12},
                            { name : "ff" , age : 16},
                            { name : "gg" , age : 13}
                        ];

                        $scope.keys=(function(obj){
                            var keys = [];
                            for(var key in obj){
                                console.log(obj);
                                if(obj.hasOwnProperty(key)){ keys.push(key);}
                            }
                            return keys;
                        })($scope.people[0]);
                    }
                </script>
                <title>aasss</title>
              </head>
              <body >
              <select ng-model="aaa">
                <option ng-repeat="x in keys" value="{{x}}">{{x}}</option>
              </select> 
              </body>
            </html>


功能peopleController（$scope）{
$scope.people=[
{姓名：“aa”，年龄：14}，
{姓名：“ss”，年龄：11}，
{姓名：“dd”，年龄：12}，
{姓名：“ff”，年龄：16}，
{姓名：“gg”，年龄：13}
];
$scope.keys=（函数（obj）{
var键=[]；
for（obj中的var键）{
控制台日志（obj）；
if（obj.hasOwnProperty（key））{keys.push（key）；}
}
返回键；
})（$scope.people[0]）；
}
AASS
{{x}

为select元素生成html部分

            <select ng-model="aaa" class="ng-pristine ng-valid">
                <option value="? undefined:undefined ?"></option>
                <!-- ngRepeat: x in keys -->
                <option ng-repeat="x in keys" value="name" class="ng-scope ng-binding">name</option>
                <option ng-repeat="x in keys" value="age" class="ng-scope ng-binding">age</option>
            </select>


名称
年龄

当我从select元素中删除ng model=“aaa”属性时，问题不会出现。

可能是什么问题？

您不应该在select、review中使用ng repeat。select有自己的理解机制。另外，不确定为什么选择器中有2ng repeat。看起来您可能想要封装这两组键

您不应该在选择、查看中使用ng repeat。select有自己的理解机制。另外，不确定为什么选择器中有2ng repeat。看起来您可能想要封装这两组键

试着建立一个