Javascript angular js无法从选择框中获取值

它应该给出3，而不是对象输出。我输入caner.age以给出输出。

将对象绑定到您的ng模型。 这意味着癌症的年龄将是

 $scope.peole = [{
        age: 1,
        name: 'Bob'
      }, {
        age: 2,
        name: 'Alice'
      }, {
        age: 3,
        name: 'Steve'
      }];

如果你使用

{
    age: 3,
    name: 'Steve'
}

---

它应该会起作用。我希望这将引导您了解如何重构代码。

将下拉标签更改为以下内容

 Welcome Message: {{ caner.name + " " + caner.surname+" "+caner.age.age}}

---

将caner.age.age更改为caner.age

var-app=angular.module（'canerApp'，[]）；
应用控制器（'canerCtrl'，功能（$scope）{
$scope.caner={
名称：“caner”，
姓：“艾丁”，
年龄:"22岁",，
};
$scope.peole=[{
年龄:1,，
姓名：“鲍勃”
}, {
年龄:2岁，
名字：“爱丽丝”
}, {
年龄:3岁，
姓名：“史蒂夫”
}];
$scope.isClicked=true；
$scope.click=function（）{
$scope.isClicked=！$scope.isClicked；
};
});

按钮点击

名字=

苏南=

年龄

欢迎留言：{{caner.name+“”+caner.姓氏+“”+caner.age.age}

您的问题：

您正在使用ng选项将对象
person
绑定到ng模型
caner.age
：

<select ng-model="caner.age"

       ng-options="  person.age as person.age for person in peole" >







    </select>

有关为什么必须以这种方式编写，请参阅以下文档：

 Welcome Message: {{ caner.name + " " + caner.surname+" "+caner.age.age}}

<select ng-model="caner.age"

       ng-options="  person.age as person.age for person in peole" >







    </select>

<select ng-model="caner.age"
   ng-options="person.age for person in peole" >
</select>

<select ng-model="caner.age"
   ng-options="person.age as person.age for person in peole" >
</select>