发表于: 2019-02-15 21:31:47

1 457


今天完成的事情:


显示数据下拉框


明天计划的事情:


写完编辑


遇到的问题:


     <select  name="types"  class="form-control" ng-model="name" ng-options="x for x in type">
           <option value="" selected hidden></option>
       </select>
   </div>
<div class="col-md-3">
       <select name="typess" class="form-control" ng-if="name==n" ng-model="names" ng-options=" x for x in types">
           <option value="" selected hidden></option>
       </select>

ng-if的问题,用的时候一开始我是用type数字然后改变的时候显示隐藏,但是没有做好

因为html页面改变的时候,也要让js做出改变,所以写的有问题,我重新写用的直接是上面

的ng-model改变的值拿来然后和下面的对比,相等的话显示,下面的值提取在js里面声明。





收获:


app.controller('editor', function($scope,FileUploader, $http, $state,$stateParams) {
   $scope.id=$stateParams.id;
   console.log($scope.id);
   $http({
       method :'get',
       url :  'carrots-admin-ajax/a/article/'+ $scope.id,
   }).then(
       function ( response) {
           $scope.data = response.data;
           console.log( $scope.data);
           $scope.params=  $scope.data;
           console.log( $scope.params.data.article.type);
           $scope.type = ["首页banner","找职位banner","找精英banner","行业大图"];
           $scope.name=$scope.type[$scope.params.data.article.type];
           $scope.types=['移动互联网','电子商务','企业服务','O2O','教育','金融','游戏'];
           $scope.names=$scope.types[$scope.params.data.article.industry];
           $scope.n="行业大图"
       },//请求成功返回参数
   );
});


主要声明数组以对象的形式显示到html,在html循环显示出来,我用的是ng-option,但是这个有一个经典问题

循环的时候会有一个空白的选项,这个问题可以用

<option value="" selected hidden></option>

写一个这个然后解决这个问题。





返回列表 返回列表
评论

    分享到