html - 通常の変数のように Angular Js で HTML コンテンツをレンダリングする

Question

AngularJS を使用して HTML コンテンツをレンダリングする必要があります。

<div ng-bind-html="myHtmlContent"></div>

それは機能しますが、私が抱えている唯一の問題は、文字列内でレンダリングしたくないということです。むしろ、レンダリングしたい場所にレンダリングしたいだけです。例えば

<div>
<h2>{{page.ttitle}}</h2>
{{myHtmlContent}}
</div>

ここのように、別の div を追加したくなく、内部に myHtmlContent をロードします。それを行う方法はありますか？

score 0 · Accepted Answer

次のようなカスタムディレクティブを記述しない限り、残念ながらできません。

<my-direcive></my-directive>

また

 <my-direcive var="myHtmlContent"></my-directive>

すべてのディレクティブを 1 つの要素に入れることもできます。

<body ng-app="bindHtmlExample" ng-controller="ExampleController" ng-bind-html="myHTML">

</body>

これはおそらくベストプラクティスではありませんが、うまくいくはずです。

1 に答える 1