angular入门-实现简单的switch

目录

笔者在使用angular过程中，时常会遇到switch类似功能的模块，所以好好百度了一下，以便于让后来者跳过这个坑，

首先是前端代码（HTml）

先使用ng-repeat将所有的模块遍历出来，

<ul class="file_content">
     <li class="file_li" ng-repeat="item in moduleList"
           ng-click="selectClick(item.id)">
          <div class="file_item"> 
               <div class="file_name">{{item.name}}</div>
           </div>
      </li>
  </ul>

js代码：

点击不同的模块就会跳到不同的页面

  $scope.moduleList = [
        {name: "A模块", id: 1 },
        {name: "A2模块", id: 2 },
        {name: "A3模块", id: 3 } 
    ];

    // 点击模块
    $scope.selectClick = function (id) {
        switch (id) {
            case 1:
                $state.go("app.manage.introduction-index");
                break;
            case 2:
                $state.go("app.manage.article-index");
                break;
            case 3:
                $state.go("app.manage.product-index");
                break; 
        }

    }