AngularStrap选择不使用Bootstrap模式

时间:2014-04-19 06:56:58

标签: angularjs twitter-bootstrap multi-select angular-strap

每次第一次加载数据并点击第一行以获取Bootstrap模式弹出窗口中的“编辑”时,模态窗口内的多选下拉(来自AngularStrap)会抛出错误:     错误:'undefined'不是对象(评估'j。$ matches [a] .value') 它没有按预期工作。但是当我从同一个列表中点击其他一些数据并返回第一个进行编辑时,那么一切都适合我。

请帮忙。

1 个答案:

答案 0 :(得分:0)

这可能是 angularJS ng-options 格式的问题。提供预期的 ng-options 格式后,它在这里工作正常。

格式错误:

  

JS

$scope.selectedFruits = "";
$scope.selectedFruits = ['Apple', 'Orange'];
$scope.fruits = [
{value: 'Mango'},
{value: 'Apple'},
{value: 'Orange'},
{value: 'Papaya'}];
  

HTML

<button type="button" class="btn btn-default" ng-model="selectedFruits" data-html="1" data-multiple="1" data-animation="am-flip-x" ng-options="fruit.value for fruit in fruits" bs-select>
  Action <span class="caret"></span>
</button>

预期格式:

  

JS

$scope.fruits = [
{value: 'Mango', label: 'Mango'},
{value: 'Apple', label: 'Apple'},
{value: 'Orange', label: 'Orange'},
{value: 'Papaya', label: 'Papaya'}];
  

HTML

<button type="button" class="btn btn-default" ng-model="selectedFruits" data-html="1" data-multiple="1" data-animation="am-flip-x" ng-options="fruit.value as fruit.label for fruit in fruits" bs-select>Action <span class="caret"></span></button>