【双向绑定的下拉菜单select无法显示其ng-model _angular model 】

双向绑定的下拉菜单select无法显示其ng-model

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(0)

angular model

详细描述

截图

代码

html-------------------------------------------------------------------------------------------------------
  <div class="row" ng-if="currentType.type===3">
                <span class="col-sm-4 col-xs-4">所属行业</span>
                <select class="col-sm-6 col-xs-12" ng-model="industry">
                    <!--<option value="">请选择</option>-->
                    <option ng-repeat="(x,y) in Industry" value="{{x}}" ng-selected="industry == x">{{y}}</option>
                </select>
                {{industry}}
            </div>
js代码----------------------------------------------------------------------------------------------------------
 if($scope.id){
        $http({
            method: 'GET',
            url: '/carrots-admin-ajax/a/article/'+$scope.id,
            headers:{"Content-Type":"application/x-www-form-urlencoded"}
        }).then(function callBackSuccess(res) {
            if(res.data.code===0){
                console.log(res);
                $scope.list=res.data.data.article;
                $scope.type=$scope.list.type;
                $scope.title=$scope.list.title;
                $scope.content=$scope.list.content;
                $scope.url=$scope.list.url;
                $scope.img=$scope.list.img;
                $scope.industry=$scope.list.industry;
                $scope.createAt=$scope.list.createAt;//以上数据为取出的response内容
                //将Type数组的第$scope.type项赋给select当前项
                $scope.currentType=$scope.Types[$scope.type];//默认选择的type
                console.log('第几个？'+$scope.industry);
                console.log("img-src打印："+$scope.img);
            }else{
                alert(res.data.message);
            }
        });
    }

编辑于2024-05-08