目標
HTML を使用して DOM 文字列に渡し、レンダリングします。
シナリオ
次の構文を使用して、(KnockoutJS を使用して) オブザーバブルのプロパティを拡張しています。
self.showDetails.subscribe(function (context) {
var details = this.showDetails();
details.nameWithCnpj = context.name() + " <small>" + context.cnpj() + "</small>";
}, this);
次の行に注目すると、その上に HTML が表示されます。
details.nameWithCnpj = context.name() + " <small>" + context.cnpj() + "</small>";
タグが HTML に到着すると、<small></small>
通常の HTML ではなく文字列としてレンダリングされます。
nameWithCnpj
(KnockoutJS を使用して) を格納するコンテナーは次のとおりです。
<h2 class="bold float-left" data-bind="text: nameWithCnpj"></h2>
だから私は尋ねます:変数が単純な文字列ではなくDOM要素であるべきであることをJavaScript(またはHTML)に教えるにはどうすればよいですか?nameWithCnpj