Question

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.buildings.building。现在我想在一个组合框中填充$ scope.buildings。

修改

$ scope.buildings给出

[Object, Object, Object]

$ scope.buildings.building如下所示

Tidel
Ascendas
Sun-Tech

我该怎么做？是AngularJS的新手。请帮我解决这个问题。

提前致谢。

Answer 1

 <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

Answer 2

您可以拥有一个自动填充文本框，其中包含输入的文本框和用于搜索引用的下拉列表。

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

在AngularJS中填充组合框

2 个答案: