以下是我的控制器代码的一部分
restApp.getAllcomponents().then(function(data){ $scope.compList = data.components; var j=0; while(j < $scope.compList.length){ $scope.allOptions = $scope.compList[j]; console.log($scope.allOptions); j++; } });
视图
<div class="field-Box"> <label>Components:</label> <!--Here I need select Box with dynamic generated options--> </div>
在console.log上面打印出像
Object {id: 27,name: "loruth water point",latitude: 4.453488123,longitude: 35.36021409} adminContentAttachmentsTabCtrl.js:33 Object {id: 28,name: "kibish",latitude: 5.286289986,longitude: 35.82917452} adminContentAttachmentsTabCtrl.js:33 Object {id: 30,name: "Ekalale",latitude: 4.434588531,longitude: 35.72135923} adminContentAttachmentsTabCtrl.js:33 Object {id: 34,name: "karubangorok",latitude: 4.506236007,longitude: 35.4201746} adminContentAttachmentsTabCtrl.js:33 Object {id: 35,name: "nakitoe kakumon",latitude: 4.214576564,longitude: 35.35912495} adminContentAttachmentsTabCtrl.js:33 Object {id: 36,name: "kaikor mission",latitude: 4.516645656,longitude: 35.42262991}
所以我需要的是将响应数据加载到我的选择框中,选项值中的“id”和选项内容中的“name”.
我怎样才能做到这一点?任何帮助……
解决方法
以下是如何从列表中生成选择,我使用静态列表,只需将其替换为动态列表.
JavaScript的
angular.module('app',[]).controller('MyCtrl',function($scope) { $scope.list = [{ id: 27,longitude: 35.36021409 },{ id: 28,longitude: 35.82917452 },{ id: 30,longitude: 35.72135923 },{ id: 34,longitude: 35.4201746 },{ id: 35,longitude: 35.35912495 },{ id: 36,longitude: 35.42262991 }]; });
HTML
<div ng-app="app"> <div ng-controller="MyCtrl"> <h2>List:</h2> <select ng-model="selectedItem" ng-options="item.name for item in list"> <option value="">-- choose --</option> </select> <h2>Selected:</h2> {{selectedItem.name}} </div> </div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。