AngularJS: ui-select接受字符串而不是数组
创始人
2024-10-27 05:30:18
0

在AngularJS中,可以使用ng-options指令来将数组绑定到ui-select,但是如果需要将字符串绑定到ui-select,需要进行一些额外的处理。

以下是一个示例解决方案:

HTML代码:


    {{$select.selected}}
    
        {{item}}
    

AngularJS控制器代码:

app.controller('MyController', function($scope) {
    // 字符串数组
    var itemString = "Apple, Banana, Orange, Mango";
    // 将字符串分割为数组
    $scope.items = itemString.split(', ');

    // 选中项
    $scope.selectedItem = "";

    // 将选中项的字符串值设置到ng-model
    $scope.$watch('selectedItem', function(newVal){
        $scope.selectedItem = newVal;
    });
});

在上述示例中,我们首先将字符串"Apple, Banana, Orange, Mango"分割为数组,并将其绑定到ui-selectrepeat属性上。然后,我们通过监视选中项的变化,并将其值设置为字符串值,以确保ng-model中的值始终为字符串。

这样,ui-select就可以接受字符串而不是数组作为选项了。

相关内容

热门资讯

发现玩家!aapoker怎么开... 《发现玩家!aapoker怎么开辅助器,sohoo poker辅助器,玩家教程(有挂技巧)》 aap...
技巧知识分享!wepoker辅... 技巧知识分享!wepoker辅助插件功能,hhpoker辅助挂,新版2025教程(有挂透明)关于we...
总算清楚!wepoker可以透... 总算清楚!wepoker可以透视码,we-poker辅助软件教程,必备教程(有挂技巧)1、点击下载安...
重大通报!wepoker底牌透... 1、重大通报!wepoker底牌透视,拱趴大菠萝有挂吗,必赢方法(有挂软件);详细教程。2、拱趴大菠...
推荐十款!wepoker国外版... 此外,数据分析德州(wepoker怎么挂底牌)辅助神器app还具备辅助透视行为开挂功能,通过对客户w...
揭秘!wepoker透视脚本是... 揭秘!wepoker透视脚本是什么,werplan怎么作弊,透明挂教程(有挂透明)1、点击下载安装,...
今日焦点!智星菠萝可以辅助吗,... 今日焦点!智星菠萝可以辅助吗,wepoker私局辅助,普及教程(有挂透视)1、点击下载安装,微扑克w...
盘点几款!hhpoker德州牛... 盘点几款!hhpoker德州牛仔视频,hhpoker是正规的吗,力荐教程(有挂透明);实战中需综合运...
热点推荐!hhpoker德州真... 这是一款非常优秀的hhpoker德州真的假的 ia辅助检测软件,能够让你了解到hhpoker德州真的...
传递经验!wepoker辅助是... 传递经验!wepoker辅助是真的吗,wpk模拟器多开,力荐教程(有挂方法)1、玩家可以在wepok...