Angularjs下拉框联动(1)

治电小白菜

发布于 2020-08-25 14:36:00

2.4K0

发布于 2020-08-25 14:36:00

文章被收录于专栏：技术综合技术综合

第一种联动方式，在网上看到的，感觉对于我的使用性不高，比较后端不会提供这种json。。。

实现截图

html

    <select ng-model="s1" ng-options="selectData.name for selectData in selectDatas">
        <option value="">--产品类目--</option>
    </select>
    <select ng-model="s2" ng-options="util.name for util in s1.utils">
        <option value="">--产品类型--</option>
    </select>

js

     $scope.selectDatas = [{
                code: 01,
                name: "监控安全类",
                utils: [
                    { code: 0101, name: "遥控门锁" },
                    { code: 0102, name: "声光报警器" },
                    { code: 0103, name: "摄像头" }
                ]
            },
            {
                code: 02,
                name: "大家电",
                utils: [
                    { code: 0201, name: "空调" },
                    { code: 0202, name: "洗衣机" },
                    { code: 0203, name: "洗碗机" }
                ]
            }
        ]

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

html