使用ui-router的ui-sref处理URL

时间:2014-06-20 06:27:02

标签: angularjs angular-ui-router

我有一个名为menu.json的文件,如:

[
  {
    "label": "Search"
    "icon": "icon-search",
    "state": "search"
  },
  {
    "label": "Help",
    "icon": "icon-question-sign",
    "state": "http://help.abc.com"
  }
]

此文件由服务器处理并返回。我用它来通过ngRepeat指令渲染导航栏。

<li ng-repeat="entry in menu_entries">
  <!-- 'entry' is each json object in the above array -->
  <a ui-sref="{{entry.state}}"><i class="{{entry.icon}} icon-white"></i> {{entry.label}}</a>
</li>

状态工作得很好,并编译成正确的html链接,但是我如何处理实际上是URL的状态呢?我必须写一些ui-router urlRouterProvider规则否则功能?当有各种各样的状态时,你们如何处理这个问题?网址?

1 个答案:

答案 0 :(得分:0)

在这些情况下,我有一些不同的json文件结构 - 我为每个菜单项都有一个名为internal: true/fase的属性,然后使用简单的if语句来呈现不同属性中的链接。