以下代码不起作用:
<select ui-jq='chosen' ng-model='trainer_list' multiple class="form-control" data-placeholder="Select Multiple Trainers" ng-options='trainer.id as trainer.name for trainer in trainers'>
</select>
我从 Angular Bootstrap 主题中获取了这个主题,但我很难使用它。基本上我想使用这个角度脚本
$http({
method: 'GET',
url: 'http://localhost/training_system/retrieve_train.php?trainer=Y'
}).success(function (result) {
$scope.trainers = result;
});
并在组合框中使用它,我无法使用静态选项,这显然是唯一有效的选项。我该怎么办?
更新:所以我尝试了 Abhilash 的解决方案,使用 ng-repeat 而不是 ng-options,并且它在前几次尝试中发挥了作用。但现在我不能再重复了,我所拥有的只是一个空的保管箱。我没有改变任何东西,但它不再起作用了。 ui-jq 是否可能与 AngularJS 不兼容?
试试这个:
<select ui-jq='chosen' ng-model='trainer_list' multiple class="form-control" data-placeholder="Select Multiple Trainers">
<option value="{{trainer.id}}" ng-repeat="trainer in trainers"> {{trainer.name}} </option>
</select>
调试你的变量trainers
只需将此代码添加到页面中的任意位置即可进行调试,
<label> To Do: Remove this after testing. Trainer = {{trainers}} </label>
看看trainer中的值是什么。该变量在您的服务器调用后是否正在更新?
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)