Angular js-ng选项不起作用

Angular js ng-options is not working

本文关键字：不起作用 选项 js-ng Angular      更新时间：2023-09-26

我正在尝试使用ng选项，但似乎不起作用，我一直在阅读这个主题，我的结构与它所要求的相同，但我得到了相同的结果，希望你们能帮助我。

HTML:

<div ng-app>
  <div ng-controller="myCtrl">
    <select ng-options="person.name for person in people">
    </select>
  </div>
</div>

JS:

function myCtrl($scope) {
      $scope.people = [
        { name: "My domain" },
        { name: "qe" },
        { name: "contact_base_esp" },
        { name: "Domain 1" },
        { name: "Domain 2" },
        { name: "this is a template" },
        { name: "Contact base esp" }
    ];
}

Fiddle：http://jsfiddle.net/5DMjt/1005/

您遗漏了一些位，请参阅下面的演示

angular.module("app", []).controller("myCtrl", myCtrl);
function myCtrl($scope) {
  $scope.people = [{
    name: "My domain"
  }, {
    name: "Cobranza"
  }, {
    name: "contact_base_esp"
  }, {
    name: "Domain 1"
  }, {
    name: "Domain dos"
  }, {
    name: "Este es un template"
  }, {
    name: "Contact base esp"
  }];
  $scope.selected = $scope.people[0];
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app">
  <div ng-controller="myCtrl">
    <select ng-model="selected" ng-options="person as person.name for person in people">
      <option value="Choose one"></option>
    </select>
  </div>
</div>

相关文章：