发表于: 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>
写一个这个然后解决这个问题。
评论