angularjs - FirefoxにAngularJSを正常にロードさせるにはどうすればよいですか?

Question

Chrome で正常に動作する AngularJS アプリがありますが、Firefox を使用すると、レンダリングされるまでに数秒かかります。Firefox は {{variables}} と ng-hides 内のすべてを数秒間表示します。

Web サイトはhttp://diegorbaquero.com/bTorrent/で、Chrome では問題なく動作しますが、Firefox ではこの遅延が発生します。

ありがとうございました

score 1 · Accepted Answer

私は同じ問題を抱えていました。{{変数}}の問題を克服するためにng-bindとを使用しています。ng-cloak

私の場合ng-bind、href タグに使用します。

<a href="#/faqs/{{faq.name}}" ng-bind="faq.name"></a>

liのng-cloak

<li ng-if='current_user'><a ng-href="#/profile" class="ng-cloak">{{current_user.first_name}}}}&nbsp{{current_user.last_name}}</a></li>

score 0 · Accepted Answer

クラスng-cloakを使用して、Angular が読み込まれるまでアプリを非表示にすることができます。

score 0 · Accepted Answer

1: ng-cloakを使用できます。これをcssに含めます：

[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none;
}

html:

<div ng-cloak>{{name}}</div>

2: または、ngbindを使用できます

<div  ng-bind="name"></div>

3 に答える 3