AngularStrap 选择不适用于 Bootstrap 模态答案

【问题标题】：AngularStrap select not working with Bootstrap modalAngularStrap 选择不适用于 Bootstrap 模态
【发布时间】：2014-04-19 06:56:57
【问题描述】：

每次我加载我的数据并单击第一行以在 Bootstrap 模式弹出窗口上进行“编辑”时，模式窗口内的多选下拉菜单（来自 AngularStrap）会引发错误： 错误：“未定义”不是对象（正在评估“j.$matches[a].value”） 它没有按预期工作。但是，当我单击同一列表中的一些其他数据并返回第一个进行编辑时，一切对我来说都很好。

请帮忙。

【问题讨论】：

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

【解决方案1】：

这可能是 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>

【讨论】：