我有一个前面有棱角的风帆应用程序。最初,当我加载页面时,似乎没有计算我的ng指令。我在hg-show和ng-hide指令中包含多个元素,但在初始有效负载上,我看到所有呈现的元素。
如果我在chrome检查器中看到sources选项卡,我可以看到当加载页面控制器时,页面被正确计算并且ng-hide / ng-show工作正常。
我对包装div有ng-cloak指令,并尝试将它们移动到不同的地方,看看我是否可以让它们开火,但没有运气。我确保css具有角度所需的所有ng-cloak样式。
我还尝试更改任务顺序以将页面控制器进一步移动到计划的前面,但这似乎也没有效率。
我做错了什么?
请在此处查看GIF:http://gph.is/2v959Kn
以下是ejs模板示例:
<div ng-controller="navBarController" ng-cloak>
<div class="navbar navbar-default">
<div ng-hide="<%= me.id %>">
<form ng-submit="submitLoginForm()" class="navbar-form navbar-right">
<div class="form-group">
<input ng-model="loginForm.login" type="text" placeholder="email or username" name="login" class="form-control">
</div>
<div class="form-group">
<input ng-model="loginForm.password" type="password" placeholder="Password" name="password" class="form-control">
</div>
<button type="submit" class="btn btn-success">
<span class="fa fa-spinner" style="position: absolute; left: -1000px"></span>
<span ng-show="!loginForm.loading">Sign in</span>
<span ng-show="loginForm.loading" class="fa fa-spinner"></span>
<span ng-show="loginForm.loading">Signing in...</span>
</button>
<input type="hidden" ng-model="loginForm._csrf" name="_csrf" value="<%= _csrf %>" />
</form>
</div>
<ul ng-show="<%= me.id %>" class="nav navbar-nav navbar-right">
<li>
<a class="btn btn-success" href="/logout">Sign Out</a>
</li>
</ul>
</div>
</div>
并且继续加载迟到的控制器推送