Angularjs - 动态填充组合框(Array(））

Angularjs - Fill a comboBox dynamically(Array())

本文关键字：Array 组合 动态 填充 Angularjs      更新时间：2023-09-26

我希望有人能帮我解决我的问题。我正在尝试用一些数组数据填充组合框，但我得到一个空的组合框，好像它没有返回显示，我知道我已经关闭了，但可以找到我缺少的东西。

提前谢谢你 

angular.module('demoApp', [])
  .controller('simpleController', ['$scope', function($scope) {
    $scope.employeeCollections = [
      { id:'1',name: 'Dave Jones', title: 'IT Administrator' },
      { id:'2',name: 'Daniel Thomas', title: 'Software Developer' },
      { id:'3',name: 'Sam Alexandrovic', title: 'Senior Software Developer' }
    ];
    $scope.selectedEmployee = $scope.employeeCollections[0].name;
  }]);
<html ng-app="demoApp">
<head>
  <script src="Scripts/angular.min.js"></script>
</head>
<body>
  <h1> Employee Information </h1>
  <div class="container" ng-controller="simpleController">
    <select ng-model="selectedEmployee" ng-options="employee as employee.name for employee in employeeCollections"></select>
  </div>
</body>
</html>

看来你的 AngularJS 引用是错误的。 请检查路径。 请参阅下面的 CDN 代码片段。

<html ng-app="demoApp">
<body> 
<h1> Employee Information </h1>
<div class="container" ng-controller="simpleController"> 
<select ng-model="selectedEmployee" ng-options="employee as employee.name for employee in employeeCollections"></select>
 </div>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.7/angular.min.js"></script>
<script>
 angular.module('demoApp', [])
.controller('simpleController',['$scope', function ($scope) {
     $scope.employeeCollections = [
        { id:'1',name: 'Dave Jones', title: 'IT Administrator' },
        { id:'2',name: 'Daniel Thomas', title: 'Software Developer' },
        { id:'3',name: 'Sam Alexandrovic', title: 'Senior Software Developer' }
     ];            
     $scope.selectedEmployee = $scope.employeeCollections[0].name;
   }
  ]
);   
</script>
</html>

相关文章：