angular-menus

menus

by Micheal mu

HTML

<script src="//cdn.bootcss.com/angular.js/1.5.5/angular.min.js"></script>
<script src="//cdn.bootcss.com/angular.js/1.5.5/angular-resource.min.js"></script>
<script src="//cdn.bootcss.com/angular-ui-router/1.0.0-alpha.5/angular-ui-router.min.js"></script>
<script src="http://114.215.169.170:8080/dist/ccms-components.js"></script>
<link rel="stylesheet" href=" http://114.215.169.170:8080/dist/ccms-components.css">
<div ng-controller="ctrl as app">
  <div class="ccmsc-main-container" ng-class="{'contract-left':!app.menusOptions.unfold}">
    <div class="left-container">
      <menu-bar unfold="app.menusOptions.unfold" on-unfold="app.menusOptions.unfoldClick" menu-source="app.menusOptions.menusResource" shop-source="app.menusOptions.shopsResource" search-placeholder="app.menusOptions.searchPlaceholder"></menu-bar>

    </div>
    <div class="center-container" ui-view>

      <nav-title name="app.titleName"></nav-title>

    </div>
    <div class="right-container">
    </div>
  </div>
</div>

JavaScript

'use strict';

angular
  .module('componentsApp', ['ccms.components', 'ui.router', 'ngResource'])

.controller('ctrl', ['$scope', '$timeout', function($scope, $timeout) {

    var shops = [{
      "name": "天猫店铺",
      "value": "tb",
      "active": true,
      "child": [{
        "name": "小猫时尚旗舰店",
        "active": true,
        "value": "tb-cut",
        "logo": "http://himg.bdimg.com/sys/portrait/item/e999e992b1c2b7e58588e7949f7b16.jpg"
      }, {
        "name": "小狗时尚旗舰店",
        "value": "tb-dog",
        "logo": "http://himg.bdimg.com/sys/portrait/item/e999e992b1c2b7e58588e7949f7b16.jpg"
      }, {
        "name": "小仔时尚旗舰店",
        "value": "tb-cub",
        "logo": "http://himg.bdimg.com/sys/portrait/item/e999e992b1c2b7e58588e7949f7b16.jpg"
      }, {
        "name": "洋陽轩旗舰店",
        "value": "tb-yy",
        "logo": "http://himg.bdimg.com/sys/portrait/item/e999e992b1c2b7e58588e7949f7b16.jpg"
      }]
    }, {
      "name": "京东店铺",
      "value": "jd",
      "child": [{
        "name": "小猫时尚旗舰店",
        "value": "jd-cut",
        "logo": "http://himg.bdimg.com/sys/portrait/item/e999e992b1c2b7e58588e7949f7b16.jpg"
      }, {
        "name": "小狗时尚旗舰店",
        "value": "jd-dog",
        "logo": "http://himg.bdimg.com/sys/portrait/item/e999e992b1c2b7e58588e7949f7b16.jpg"
      }, {
        "name": "小仔时尚旗舰店",
        "value": "jd-cub",
        "logo": "http://himg.bdimg.com/sys/portrait/item/e999e992b1c2b7e58588e7949f7b16.jpg"
      }, {
        "name": "洋陽轩旗舰店",
        "value": "jd-yy",
        "logo": "http://himg.bdimg.com/sys/portrait/item/e999e992b1c2b7e58588e7949f7b16.jpg"
      }]
    }];

    var menus = [{
      "name": "忠诚度设置",
      "state": "card",
      "icon": "",
      "children": [{
        "name": "积分类型",
        "state": "card.point",
        "icon": "",
        "children": []
      }, {
        "name": "等级类型",
        "state": "card.grade",
        "icon": "",
        "children": []
      }]
    }, {
      "name": "TAE会员专区",
     ...