我有以下问题:应用程序有一个静态顶部面板,其中包含一个水平主菜单。中心区域包含ng-view,其根据主菜单项的选择而变化。在ng-view中,对于某些主菜单项,我们希望显示另一个带有垂直子菜单和详细面板的导航面板。详细信息面板是另一个ng视图,并根据子菜单项的选择进行更改。
E.g。对于食谱书应用程序,如果想要一些主菜单项,如:家庭,食谱,画廊,联系人,以及食谱我有例如食谱清单
线代表ng-views:
MAIN MENU
---------------------------
| --------------- |
| SUB-MENU | DETAIL PANEL| |
| | | |
| |_____________| |
|__________________________|
Routes:
/home (template home.html)
/recipes (template recipes.html with a sub-menu and <ng-view> inside)
/:recipe (view_recipe.html)
我想要实现的是在不同食谱之间进行子菜单时的动画效果。问题是在更改配方时从头开始呈现子菜单。这很奇怪,因为它不需要改变,因为负责拾取recipes.html的url部分不会改变。在AngularJS中,正如预期的那样,子菜单不会再次渲染。这是AngularDart中的错误,还是预期的行为?
我遇到的另一个困难是如何在子菜单中找到活动元素。我尝试在子菜单控制器中使用RouteProvider,但路由不包含recipeId。怎么解决这个问题?