大佬教程收集整理的这篇文章主要介绍了angularjs – Angular Material Nav Bar设置默认活动项,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<!-- Navbar --> <md-content class="md-padding"> <md-nav-bar md-selected-nav-item="currentNavItem" nav-bar-aria-label="navigation links"> <md-nav-item md-nav-sref="layout.home" name="home">Home</md-nav-item> <md-nav-item md-nav-sref="layout.gallery" name="gallery">Gallery</md-nav-item> <md-nav-item md-nav-sref="#" name="page3">Page Three</md-nav-item> </md-nav-bar> </md-content>
在我的控制器中,我将currentNavItem设置为’home’,它应该对应于我的名为home的md-nav-item,我认为应该根据md-selected-nav-item =“currentNavItem”将其设置为选中
export default class HeaderController { constructor($log) { Object.assign(this,{ $log,}); this.currentNavItem = 'home'; } $onInit() { this.$log.debug('HeaderController.$onInit'); this.$log.debug(this.currentNavItem); } }
任何帮助将不胜感激,为什么这不会使我在加载应用程序时默认选中我的列表项.
编辑
在我的情况下的问题是我的控制器没有在导航栏选择`md-selected-nav-item =“$ctrl.currentNavItem”’中使用.为每个md-nav-item添加值似乎不会影响活动项目设置.
<div ng-controller="AppCtrl as vm" ng-cloak="" ng-app="MyApp"> <!-- Navbar --> <md-content class="md-padding"> <md-nav-bar md-selected-nav-item="vm.currentNavItem" nav-bar-aria-label="navigation links"> <md-nav-item md-nav-sref="layout.home" name="home" value="home">Home</md-nav-item> <md-nav-item md-nav-sref="layout.gallery" name="gallery" value="gallery">Gallery</md-nav-item> <md-nav-item md-nav-sref="#" name="page3" value ="page3">Page Three</md-nav-item> </md-nav-bar> </md-content> </div>
JS
angular.module(‘MyApp’,[‘ngMaterial’,’ngMessages’])
.controller('AppCtrl',function() { this.currentNavItem = "home"; });
以上是大佬教程为你收集整理的angularjs – Angular Material Nav Bar设置默认活动项全部内容,希望文章能够帮你解决angularjs – Angular Material Nav Bar设置默认活动项所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。