angularjs实现民族下拉选择框

最新推荐文章于 2021-08-26 17:54:05 发布

原创最新推荐文章于 2021-08-26 17:54:05 发布 · 549 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#angularjs #下拉选择框

angularjs 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何使用AngularJS来实现民族下拉选择框。最初尝试使用原生JavaScript，但在数据交互阶段遇到问题，因此转向AngularJS解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一开始是使用原生js实现
原生js实现民族下拉选择框
但到了数据交互的时候，不知道什么原因，不能使用了，所以改成用angularjs

<div ng-app="myapp" ng-controller="getDatas">
	<select name="nation" ng-init="item.nation" ng-model="item.nation" ng-options="x for x in nation"> </select>
</div>

var app = angular.module('myapp', []);
        app.controller("getDatas", ['$scope', '$http', '$filter', function ($scope, $http, $filter) {
            // 获取信息列表
            $http({
                url: '/***/***/***',//这里是接口链接
                method: 'POST',
                data: {
                    //这里可添加要传递的参数
                },
            }).success(function (response) {
                console.log(response);
                if (JSON.parse(response).key == "ok") {
                //具体方法来啦
                   $scope.nation = ["汉族", "壮族", "满族", "回族", "苗族", "维吾尔族", "土家族", "彝族", "蒙古族", "藏族", "布依族", "侗族", "瑶族", "朝鲜族", "白族", "哈尼族",
                        "哈萨克族", "黎族", "傣族", "畲族", "傈僳族", "仡佬族", "东乡族", "高山族", "拉祜族", "水族", "佤族", "纳西族", "羌族", "土族", "仫佬族", "锡伯族",
                        "柯尔克孜族", "达斡尔族", "景颇族", "毛南族", "撒拉族", "布朗族", "塔吉克族", "阿昌族", "普米族", "鄂温克族", "怒族", "京族", "基诺族", "德昂族", "保安族",
                        "俄罗斯族", "裕固族", "乌孜别克族", "门巴族", "鄂伦春族", "独龙族", "塔塔尔族", "赫哲族", "珞巴族"];
                }
            }).error(function () {
                console.log('获取信息列表失败')
                });
        }])