javascript - Angular.js 路由和部分复杂导航？

Question

我正在尝试使用 angular.js 构建一个相当复杂的导航菜单。它将与此处的主抽屉导航非常相似：http ://www.purepolaris.com/en-us/snowmobile/Pages/home.aspx

我很确定我可以完全用路由和部分来完成这项工作，也许还有一些控制器可以进一步分解内容。

我的问题是这个 - 我觉得这几乎太容易了，我觉得我错过了一些东西。在开始创建它之前，我还应该知道什么？

非常感谢任何帮助或建议。

DM

Answer 1

使用 Angular 处理嵌套状态可能非常棘手。 Angular-UI 的路由器允许使用点语法优雅地处理这个问题：

$stateProvider
  .state('contacts', {
    templateUrl: 'contacts.html',
    controller: function($scope){
      $scope.contacts = [{ name: 'Alice' }, { name: 'Bob' }];
    }
  })
  .state('contacts.list', {
    templateUrl: 'contacts.list.html'
  });