带有 Angular 的 select2 似乎正在工作 - 但是我使用的是 ui-router 并且我有不同的选项卡。
我的 select2 输入之一用于两个选项卡,并且 ng-model 是相同的。虽然一切正常,但当我从一个选项卡切换到另一个选项卡时,它不会显示 select2 输入中的值,而是显示 [object Object],即使我从选项卡 A 切换到选项卡 B,然后再次切换到选项卡 A,而不是看到我放下的值,我看到了[object Object]
有一个简单的解决方法吗?
代码如下:
// In the parent controller
$scope.select2Options = { allowClear:true, multiple:true, tags:[] } ;
$scope.select2InclTables = []; // whether I set this or not, the problem still remains
$scope.$watch('select2InclTables', function() {
$scope.tables = "";
if ($scope.select2InclTables) {
for (var i =0; i<$scope.select2InclTables.length; i++) {
$scope.tables+="`"+$scope.select2InclTables[i].text;
}
}
});
//In both tabs (two separate html files) :
<input ui-select="select2Options" ng-model="$parent.select2InclTables" data-placeholder="Pick tables"/>