2016-04-05 8 views
4

Angularに特定の要素の内容をコンパイルしないように指示する方法はありますか?AngularJSが要素の内容を編集しないようにする

ユースケース:

角度CMSはCKEditorバージョン添付を持つtextarea要素が含まれています。 CKEditorは、デフォルトのiframeプラグインの代わりにdivareaプラグインを使用しています。テキストエリアにはHTMLテンプレートが含まれています。これらのテンプレートはオンデマンドでエクスポートされ、Angular webappに供給されます。

テンプレートは単純です。プレーンテキスト、順序付けリスト、プレーンテキストにあらかじめ定義されたクラス属性があらかじめ定義されています。プレーンテキストには、Angular webappが補間するためのプレースホルダを含めることができます。私は、CMSのAngularがこれらをまったく補間しないようにしたいと思います。

現在私の問題は、CMSのAngularがこれらのプレースホルダを補間し、何も参照していないので削除するということです。私は区切り記号を '{['、 ']}'に変更するだけではなく、短期間にこれを修正するかもしれないが、プロジェクトが進むにつれて指示とテキストコピーの衝突の可能性が増すので、それを避けるために。

Angularが特別にマークされた要素の内容から離れるよう指示する指示がありますか?

答えて

6

使用ng-non-bindable directive要素に:

ngNonBindableディレクティブは、現在のDOM要素の 内容をコンパイルまたはバインドしない角度伝えます。これは、要素 に角度指示とバインディングと思われるものが含まれていても、 をAngularで無視する必要がある場合に便利です。

それともthe only thing that ng-non-bindable directive doesですので、より良いレイアウトに一致するようにterminal: trueプロパティを使用して独自のディレクティブを使用します。

関連する問題