Javascript 我的页面中特定页面的页眉隐藏
我在angular项目上工作,我的需要是只在登录页面上隐藏标题块。我试图在登录页面上隐藏标题。但对我来说还是不行。你能帮我在登录状态下隐藏它吗 这里是我的索引htmlJavascript 我的页面中特定页面的页眉隐藏,javascript,angularjs,angular-ui-router,angularjs-routing,Javascript,Angularjs,Angular Ui Router,Angularjs Routing,我在angular项目上工作,我的需要是只在登录页面上隐藏标题块。我试图在登录页面上隐藏标题。但对我来说还是不行。你能帮我在登录状态下隐藏它吗 这里是我的索引html <div ng-include src="'views/header.html'" ng-hide="$state.current.name === 'login'"></div> <div class=""> <div ui-view></div>
<div ng-include src="'views/header.html'" ng-hide="$state.current.name === 'login'"></div>
<div class="">
<div ui-view></div>
</div>
您没有直接在HTML上访问
$state
对象的权限。要访问它,您应该将$state
对象与$scope
/$rootScope
放在一起,您可以在运行
块/控制器
中使用$state.includes
而不是$state.current.name
标记
<div ng-include src="'views/header.html'" ng-hide="$state.includes('login')">
</div>
提示:我会使用“ng if”而不是“ng hide”,并且为了更好的可读性,在mainCtrl中创建一个类似“ShowHeader()”的函数,您不能直接访问视图中的$state。您需要一个控制器,可以在其中注入$state提供程序,然后在那里可以访问$state。@BhavanKumarNatarajan很高兴帮助您,谢谢;)
<div ng-include src="'views/header.html'" ng-hide="$state.includes('login')">
</div>
app.run(function($state, $rootScope){
$rootScope.$state = $state;
})