带角度的风帆应用程序在计算ng指令时有延迟吗?

时间:2017-08-22 01:15:55

标签: javascript css angularjs sails.js

我有一个前面有棱角的风帆应用程序。最初,当我加载页面时,似乎没有计算我的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>

并且继续加载迟到的控制器推送

0 个答案:

没有答案