带有AngularJS的动态菜单
我得到了一个有两个菜单的web应用程序,一个在顶部,另一个在左侧。将根据记录的配置文件从数据库中检索两个菜单选项。但是,当路线发生更改时,菜单不会渲染 Shell.js:带有AngularJS的动态菜单,angularjs,angularjs-ng-include,ng-view,Angularjs,Angularjs Ng Include,Ng View,我得到了一个有两个菜单的web应用程序,一个在顶部,另一个在左侧。将根据记录的配置文件从数据库中检索两个菜单选项。但是,当路线发生更改时,菜单不会渲染 Shell.js: <section> <div data-ng-include="'app/controllers/layout/header.html'"></div> <div id="menuDin" data-ng-include="'app/autenticado/menuDinamico
<section>
<div data-ng-include="'app/controllers/layout/header.html'"></div>
<div id="menuDin" data-ng-include="'app/autenticado/menuDinamico.html'"></div>
<div id="corpo" ng-view=""></div>
<div data-ng-include="'app/controllers/layout/footer.html'"></div>
</section>
您可以使用控制器菜单中的项目创建一个对象,然后使用
ng repeat
绘制菜单
class MyController
constructor: ->
@itens_menu = [
{label: 'MenuA', href: 'urlA'},
{label: 'MenuB', href: 'urlB'}
]
<ul ng-controller="MyCtrl as MyController">
<li ng-repeat="item in MyCtrl.itens_menu">
<a href="{{item.href}}">{{item.label}}</a>
</li>
</ul>
类MyController
构造函数:->
@itens_菜单=[
{label:'MenuA',href:'urlA'},
{label:'MenuB',href:'urlB'}
]
-
console返回什么?它正确返回菜单项,但不显示在屏幕上。如果在console中手动调用$scope.$digest()
,视图是否会更新?