ng-repeat不适用于multiselect插件

时间:2019-03-02 21:14:54

标签: jquery angularjs

 <select class="form_control" id="district"  name="district" multiple
        ng-model="$scope.district">
    <option value="{{tp_id}}" ng-repeat="tp_id in district" >{{tp_id}}
    </option>
</select>

当我这样编码时,选项没有价值。 但是,当我使用没有“多个” ng-repeat的select选项时,工作正常。请帮助我解决我做错的地方。 在这里使用这些libs.enter图像描述

<script type="text/javascript" src="../assets/js/jquery-1.11.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="../asset/css/bootstrap-select.css">

这里是php端的代码

$sql="SELECT * from district";
doLog('[sr_getCampaignData][select district] [sql: ' . $sql . ' ]');
$result=$conn->query($sql);
if($result->num_rows>0){
   while($row=$result->fetch_assoc()){
      $district[]=$row['tp_id']; 
   } 
   $response['district']=$district;
   $response['success']=100;
}

$scope.district=response.data.district;

我从响应中得到的地方。


<link rel="stylesheet" type="text/css" href="../asset/css/bootstrap-select.css">
<link rel="stylesheet" type="text/css" href="../assets/css/bootstrap-datetimepicker.min.css"> 
<link rel="stylesheet" href="../asset/css/jquery.multiselect.css">
<script src="../assets/js/angular.min.js"></script>
<script type="text/javascript" src="../assets/js/jquery-1.11.1.min.js">
</script>
<script src="../asset/js/jquery.multiselect.js"></script> 
<script src="../asset/js/bootstrap.min.js"></script> 
<script src="../asset/js/bootstrap-select.js"></script>

1 个答案:

答案 0 :(得分:0)

Check this working demo

除了Step 28/28 : RUN systemctl start newrelic-infra ---> Running in f9a82da02f00 **Failed to get D-Bus connection: Operation not permitted** The command '/bin/sh -c systemctl start newrelic-infra' returned a non-zero code: 1 更改为ng-model="$scope.district"之外,我所做的更改不多

  1. 您正在html中使用ng-model="sel_district",这是不允许的

  2. 您为$scope使用的名称与ng-model使用的名称相同,这也不对。