发表于: 2017-05-13 02:00:30
1 922
今天完成的事情:
完成了模态框,弄懂了模态框的显示内容复用成都还是比较高的,今天的效率比较低,检讨一下。
明天计划的事情:
artical管理模块和信息管理模块已经完成,代码的复用还没有做的很好,准备边写边继续。
遇到的问题:
关于管理部分的操作栏,今天学到了一个新的写法:
<span ng-click="operate('status',articleData[$index])">{{{1:'上线',2:'下线'}[articleData[$index].status]}}</span><span ng-click="operate('id',articleData[$index])">{{{true:'编辑'}[articleData[$index]!=null]}}</span><span class="fcR" ng-click="operate('del',articleData[$index])">{{{true:'删除'}[articleData[$index]!=null]}}</span>
</li>
定义一个ng-click事件,这个事件的名字可以带有参数,这里加一个类型判断,分别为切换状态,跳转编辑,删除用来区分三个按钮,以及每一个artical的id编号。之后双向绑定按钮的显示内容,上下线操作的判断条件为这个artical的状态,分别显示上下线。编辑和删除则只要artical不为空就可以了,当用户点击这三个按钮中的一个之后,点击事件会根据传递的参数判断是哪个按钮,执行不同的操作:
$scope.operate = function(str,data){
$scope.string = str;
$scope.dataSet = data;
switch($scope.string){
case 'new'://新增
$state.go('companySet');
break;
case 'job'://职业
val.jobState = data.id;
console.log(val.jobState);
$state.go('job');
break;
case 'approved'://解除、认证
$('#comModal').modal('show');
if($scope.dataSet.approved){
$scope.value1 = '解除认证后该公司将不再标记为推荐公司';
$scope.value2 = '是否执行解除操作';
}else{
$scope.value1 = '认证后该公司将被标记为推荐公司';
$scope.value2 = '是否执行认证操作';
}
break;
使用switch语句判断参数,执行不同的操作。
收获:
$index参数,可以代表循环列表中的序号
评论