2015-09-13 17 views
-2

我在Angular JS中使用select with ng選項。我通過ng-model對象設置了默認值(選擇一個選項作爲第一項)。當我點擊drop下來,我可以看到它在下拉選擇第一項,但這些值(選擇一個選項)不是displayed.Could你的任何一個可以幫助我與在下拉列表中選擇的角度JS值沒有顯示

回答

0

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope) { 
 
    $scope.form = {}; 
 
    $scope.form.options = [1, 2, 3, 4, 5]; 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<!DOCTYPE html> 
 
<html ng-app='myApp'> 
 

 
<head> 
 
    <meta charset="UTF-8"> 
 
    <title>Test</title> 
 
</head> 
 

 
<body ng-controller="myCtrl"> 
 
    <div ng-show="form.selected"> 
 
    Selected Option: {{form.selected}} 
 
    </div> 
 

 
    <select name="select" ng-model="form.selected"> 
 
    <option value="">---Please select---</option> 
 
    <option ng-repeat="opt in form.options" value="{{opt}}" ng-bind="opt"></option> 
 
    </select> 
 
</body> 
 

 
</html>

相關問題