0

私はこのおもちゃの Angular JS アプリケーションで遊んでいて、 ngCloakディレクティブを使用して、起動時にテンプレート マークアップを非表示にしようとしました。アプリ モジュールを宣言するタグに適用すると、すべて正常に動作します。

<div ng-app="EditorErrante" ng-cloak>

しかし、2番目のコントローラーのみをクロークしようとすると:

<div id="stats" ng-controller="Statistiche" ng-cloak>

何も起こりませんディレクティブは効果がありません。処理される前に、「統計」div にマークアップが表示されます。ディレクティブをクラスとして追加し、CSS ルールをスタイルシートにコピーしてみました。まだ何もありません。

なぜこれが起こるのか知っている人はいますか？

4

1 に答える 1

0

これを試して：

スタイルシートにスタイルを追加します。

.ng-cloak { display:none; }

次に、属性の代わりに ng-cloak をクラスとして使用します。

<div id="stats" ng-controller="Statistiche" class="ng-cloak">

例http://plnkr.co/edit/xWPW2i?p=preview

今すぐ動作するはずです。

属性や要素だけでなく、ディレクティブをクラスとしても使用できることを覚えておいてください。

編集、これをテストしただけで、クラスに入れる必要はありません。.ng-cloak スタイルをスタイルシートに追加するだけです。

于 2013-06-24T06:39:56.037 に答える