javascript - 尽管数组已填充值,但值未定义

标签 javascript angularjs

尽管数组填充了值,但为什么值未定义。
尽管值在那里,但为什么它显示为未定义。

var app= angular.module('myApp',[]);
app.controller('myController',function($scope){
  $scope.city=['Odisha','Hyderabad'];
});
div{
  text-align: center;
}
<htmL>
  <head>
    <title>Movie Ticket Booking</title>
  </head>
  
  <body ng-app="myApp" ng-controller="myController">
    <div>
      Choose City:<select ng-model="cities" ng-change="changeCity()" ng-options="items for item in city"></select>
    </div>
    
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
  </body>
  </html>

最佳答案

您需要使用item而不是items

var app= angular.module('myApp',[]);
app.controller('myController',function($scope){
  $scope.city=['Odisha','Hyderabad'];
});
div{
  text-align: center;
}
<htmL>
  <head>
    <title>Movie Ticket Booking</title>
  </head>
  
  <body ng-app="myApp" ng-controller="myController">
    <div>
      Choose City:<select ng-model="cities" ng-change="changeCity()" ng-options="item for item in city track by item"></select>
    </div>
    <div>{{cities}}</div>
    
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
  </body>
  </html>

关于javascript - 尽管数组已填充值,但值未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51278463/

相关文章:

javascript - 根据附加选择框中输入框的值选择选项框

javascript - AngularJS 使用来自 Controller 的指令

javascript - 谷歌浏览器 "Application Shortcut": How to auto-load JavaScript?

javascript - 使用 Node.js 设置 HTTP header Cookie

javascript - 如何使用女巫设置为百分比的jquery直接获取转换的css值

Javascript NaN 阻止运行 Angular 单元测试

AngularJS $http 请求在 Node JS Express 中未检测为 xhr

javascript - 从 Angular Controller 获取数据并将其显示在 html View 上出现错误

javascript - NG-repeat 根据值比较和计数对象

javascript - 带唤醒状态的单字符输入