发表于: 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参数,可以代表循环列表中的序号


返回列表 返回列表
评论

    分享到