Question

<div class="form-group">
    <label class="control-label col-sm-2" for="tehsil">Select Tehsil</label>
    <div class="col-sm-10">
        <select class="selectpicker" id="tehsil" multiple data-actions-box="true" name="tehsil" data-live-search="true"
            ng-model="tehsil">
            <option ng-repeat="tp_id in tehsil" value="{{tp_id}}">{{tp_id}}</option>
        </select>
    </div>
</div>

当我检查元素时，它们看起来像这样，我正在使用ng-init在页面加载时获取此数据：

[<option ng-repeat="tp_id in district" value="ATTOCK" class="ng-binding ng-scope">ATTOCK</option>][1]

Answer 1

我已经根据您在Google驱动器中提供的代码创建了该Plunker，这似乎已经在执行您要问的事情了？选择后，这些值将分配给ng-model'sl_tehsils'。当我将结果值打印到屏幕https://plnkr.co/edit/AIsFEXAGQLUCCsC4ajqw?p=preview上时，请参阅plunker。

HTML：

<!doctype html>
<html ng-app="plunker" >
<head>
  <meta charset="utf-8">
  <title>AngularJS Plunker</title>
  <link rel="stylesheet" href="style.css">
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.js"></script>
  <script src="app.js"></script>
</head>
<body ng-controller="MainCtrl">
  <div class="form-group">
            <label class="control-label col-sm-2" for="tehsil">Select Tehsil</label>
            <div class="col-sm-10">
                <select class="selectpicker" id="tehsil" multiple data-actions-box="true" name="tehsil"
                        data-live-search="true" ng-model="sl_tehsils">
                    <option ng-repeat="tp_id in tehsils" value="{{tp_id}}">{{tp_id}}</option>

                </select>
            </div>
            {{sl_tehsils}}
        </div>
</body>
</html>

JS：

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

app.controller('MainCtrl', function($scope) {
  $scope.tehsils =["Ahmadpur East Tehsil", "Alipur Tehsil", "Arif Wala Tehsil", "Astore Sub-division"]; 
});

Answer 2

我升级了我的引导程序版本，因为第一个引导程序已在缓存中完成，并且无法上传新内容。

当前我正在使用引导程序3.3.4

我的下拉选项有价值，但未显示在选择表单上

2 个答案: