Моя выпадающая опция имеет значение, но не отображается в форме для выбора - PullRequest
0 голосов
/ 01 марта 2019
<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]

Ответы [ 2 ]

0 голосов
/ 12 марта 2019

Я обновляю свою версию начальной загрузки, потому что первая была загружена в кэш и не удалось загрузить новый контент.

В настоящее время я использую загрузчик 3.3.4

0 голосов
/ 05 марта 2019

Я создал этот Plunker на основе кода, который вы указали на диске Google, похоже, он делает то, о чем вы уже просили?Когда вы выбираете значения, они присваиваются модели ng «sl_tehsils».Пожалуйста, смотрите plunker, поскольку я напечатал полученные значения на экране https://plnkr.co/edit/AIsFEXAGQLUCCsC4ajqw?p=preview.

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"]; 
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...