如果未找到或未在ng视图外工作,则为ng

ng-if not found or not working outside ng-view

本文关键字:ng 工作 则为 视图 如果      更新时间:2024-06-14

示例:请查看链接http://plnkr.co/edit/Q3Z669FeRHqMORcQ9v6K?p=preview.

我在Visual studio 2013工作。

我试图隐藏或基于身份验证,我想显示菜单。但是,如果不在ng视图之外工作。

事实上,ng if并不是带着智能来的。虽然我粘贴了代码,但我没有得到但是ng-hide正在工作

我要躲起来了。但我不喜欢使用ng隐藏,因为这只会隐藏元素。因此,使用inspect元素,我们可以启用菜单。

为什么我没有得到ng if?我是不是做错了

 <div id="page-wrapper" ng-controller="indexController">
        <div id="page-header" class="bg-gradient-9" ng-if="!authentication.isAuth">
            <div id="mobile-navigation">
                <button id="nav-toggle" class="collapsed" data-toggle="collapse" data-target="#page-sidebar" aria-expanded="false" aria-controls="navbar"><span></span></button>
                <a href="javascript:void(0);" class="logo-content-small" title=" {{ '' | translate }}"></a>
            </div>
            <!--Logo for all the screen-->
            <div id="mobile-navigation">
                <a href="#/" class="logo-content-small" title=""></a>
            </div>
            <div id="header-logo" class="logo-bg mobile-hidden">
                <a href="#/" class="logo-content-big" title="">
                </a>
                <a href="#/" class="logo-content-small" title="NoteReport">
                    NoteReport
                </a>
            </div>
        </div>
        <div id="page-content-wrapper ">
            <!--Partial loading of the content-->
            <div class="angular-ngview-content" ng-view>
            </div>
        </div>
    </div>

这是一个古老的问题,如果ng-if创建的子作用域,请尝试:

ng-if="!$parent.authentication.isAuth"

编辑

ng-if指令是在角度1.1.5之后提供的,您使用的是1.0.5。工作砰的一声。

这是因为如果创建子作用域,以及原型继承如何与primitives一起工作。必须像一样检查一次

 ng-if="authentication.isAuth"

将angularjs版本更改为1.3.8…它将工作