（AngularJS）尽管使用了ng-model和以前的语法，但ng-options并未填充

Question

解决：两部分问题。 正如Veera指出的那样，模型未正确存储在控制器中，主要问题与模块声明中的Smart Table注入有关。

以前，我下面的代码设法从ng-options的下拉菜单中生成列表。 在进行了几项看似无关的更改之后，它现在不起作用了，我无法一生找出原因。

我知道很多人在select元素中都有ng-model的问题，因此除非我犯了一个错误并错过了一些语法，否则我认为这不是问题，因为它正在起作用。

我正在尝试使用控制器中的数组中的“引用号”填充列表。 在变量名称和数据中可能存在一些错别字，而我在实际项目中使用的错别字。

 var reqWebApp = angular.module('reqWebApp', ['smart-table']); reqWebApp.controller('reqAppController', function reqAppController($scope) { $scope.requests = [ { ref : "000455", status : "requested", prod : "BLEH", prodRef : "NAH8754", prodSite : "BLEHTON" } { ref : "003005", status : "requested", prod : "REDACTED", prodRef : "NA78546", prodSite : "REDVILLE" } ]; });

 <!DOCTYPE html> <html lang="en" ng-app="reqWebbApp"> <head> <meta charset="UTF-8"> <title>Pre-Acceptance</title> <script src="../../bower_components/angular/angular.js"></script> <script src="../../app.js"></script> <style> table { width: 90%; } input { width: 95%; } select { width: 100%; } </style> </head> <body ng-controller="reqAppController"> <div style="display:inline">Pre-Accept Existing Request | <table style="display:inline-table; width: 5%" border="1" > <tr> <th> Ref No. </th> </tr> <tr> <th> <select ng-model="references" ng-options="request.ref for request in requests"> <option value=""></option> </select> </th> </tr> </table> </div> <button type="button" onclick="location.href='../home/homepage.html'">ACCEPT</button> <button type="button" onclick="location.href='../home/homepage.html'">HOME</button> </body> </html>

感谢您抽出宝贵的时间仔细阅读它。 康纳

Answer 1

将ng-model更改为对象并在控制器中声明

HTML

 <select ng-model="selected.selectedReference"
  ng-options="request.ref for request in requests">
   <option value=""></option>
 </select>

JS

 $scope.selected = {};

（AngularJS）尽管使用了ng-model和以前的语法，但ng-options并未填充

问题描述

1 个解决方案

解决方案1
0 已采纳 2017-07-03 14:11:27

（AngularJS）尽管使用了ng-model和以前的语法，但ng-options并未填充

问题描述

1 个解决方案

解决方案1 0 已采纳 2017-07-03 14:11:27

解决方案1
0 已采纳 2017-07-03 14:11:27