在 AngularJS 中填充组合框

Populating Combo box in AngularJS

本文关键字:组合 填充 AngularJS      更新时间:2023-09-26

controller.js

$scope.buildings={};
for (var i=0;i<$scope.buildingObj.length;i++){
        $scope.buildings.building=$scope.buildingObj[i].building;
        console.log($scope.buildings.building);
}

在控制台中,我可以打印$scope.建筑物.建筑。现在我想在组合框中填充$scope.建筑物。

编辑

$scope.建筑物给予

[Object, Object, Object]

$scope.建筑物.建筑物给出如下

Tidel
Ascendas
Sun-Tech

我该怎么做?我是AngularJS的新手。请帮助我度过难关。

提前谢谢。

 <select>
    <option value="">--Select--</option>
    <option data-ng-repeat="l in buildings" value="{{l}}">{{l.building}}</option>
  </select>

您的显示器将包含建筑物名称和值的地方将是您可以在服务器端使用的对象,或者仅当您直接希望建筑物名称作为所选选项的值时,它才可能是 l.building。

这是Plunker:https://plnkr.co/edit/tInZEPLXokb9NkqGk2so?p=preview

您可以有一个自动完成文本框,该文本框将具有用于输入的文本框和用于搜索参考的下拉列表。

以下是链接:http://csharpimp.blogspot.in/2016/03/angular-material-auto-complete.html