angularjs - AngularStrap 选择不适用于 Bootstrap 模式

Question

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

请帮忙。

Answer 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>