<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<body>
<div ng-app="canerApp" ng-controller="canerCtrl">
<button ng-click="click()">
Button click
</button>
<p ng-show="isClicked">
name=
<input type="text" ng-model="caner.name">
<br> surnanme=
<input type="text" ng-model="caner.surname">
<br> age
<select ng-model="caner.age"
ng-options=" person.age for person in peole" > </select>
<br> Welcome Message: {{ caner.name + " " + caner.surname+" "+caner.age}}
</p>
</div>
<script type="text/javascript">
var app = angular.module('canerApp', []);
app.controller('canerCtrl', function($scope) {
$scope.caner = {
name: "caner",
surname: "aydin",
age: "22",
};
$scope.peole = [{
age: 1,
name: 'Bob'
}, {
age: 2,
name: 'Alice'
}, {
age: 3,
name: 'Steve'
}];
$scope.isClicked = true;
$scope.click = function() {
$scope.isClicked = !$scope.isClicked;
};
});
</script>
</body>
</html>
可以在这里看到
例如,当我选择 3 时,输出变为
欢迎消息:caner aydin [object Object]
我在这里得到值
<select ng-model="caner.age"
ng-options=" person.age for person in peole" >
在 Controller 中
$scope.peole = [{
age: 1,
name: 'Bob'
}, {
age: 2,
name: 'Alice'
}, {
age: 3,
name: 'Steve'
}];
它应该给出 3 ,而不是 object object 输出。我输入 caner.age 来给出输出。
最佳答案
将下拉标记更改为以下内容。
<select ng-model="caner.age"
ng-options=" person.age as person.age for person in peole" >
</select>
关于javascript - Angular JS无法从选择框中获取值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39074577/