Question

我在Angular JS中使用select with ng选项。我通过ng-model对象设置默认值（选择一个选项作为第一项）。当我点击下拉列表时，我可以看到它的第一个项目在下拉列表中选择但不会显示这些值（选择一个选项）。你们中的任何一个人都可以帮助我吗

Answer 1

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>

在下拉列表中选择的Angular JS值未显示

1 个答案: