Question

我在.js文件中编写了以下代码

var appMod = angular.module('appMod',[]);

appMod.controller('domainCtrl', function($scope) {

    $scope.admins = [{"type":["Kerberos","Department","Office"],"office":["NA","Bangalore","NY","NJ"]}];
});

现在我想从类型和办公室的下拉列表中选择一个选项。我在.html中编写了以下代码

<label for="typeOfAccess" class="col-sm-2 control-label">Type of Access :</label>
<div class="col-sm-1">
<select name="typeOfAccess" data-ng-model="newDomain.typeOfAccess">
<option data-ng-repeat="typeOfAccess in admin.type" value="typeOfAccess">{{typeOfAccess}}</option>
</select>
</div>

请建议做什么。

Answer 1

这不是你如何为angularjs中的select定义选项。

请查看文档angularjs docs

这应该是这样的：

<label for="typeOfAccess" class="col-sm-2 control-label">Type of Access :</label>
<div class="col-sm-1">
<select name="typeOfAccess" 
        data-ng-model="newDomain.typeOfAccess" 
        data-ng-options="typeOfAccess for typeOfAccess in admin.type">
</select>
</div>

让我知道在进行这些更改后它是否有效。

Answer 2

尝试使用 ng-value 保存所选选项。我曾经遇到过同样的问题：Display details of selected options in Angularjs

$scope.selection = {
    typeOfAccess: null
};

    <label for="typeOfAccess" class="col-sm-2 control-label">Type of Access :</label>
      <div class="col-sm-1">
        <select name="typeOfAccess" data-ng-model="newDomain.typeOfAccess">
         <div data-ng-repeat="typeOfAccess in admin.type">
          <label><option value="typeOfAccess" ng-value="typeOfAccess" ng-model="selection.typeOfAccess"> </label> </option>
         </div>
        </select>
     </div>

Selected campaign: {{ selection.typeOfAccess }}

使用angular JS选择下拉列表下的选项

2 个答案: