2016-04-18 8 views
1

私は、HTMLのテーブルでこれを持っている:どのように角度表現にhtml要素を追加しますか?

<td><strong>{{item.title ? item.title : "<p style='color: grey'>select this item to edit</p>"}}</strong></td> 

残念ながら、これは私はそれが思った効果を持っていません。

'<'のように、角括弧がデータに壊れているようです。

私はどのように私はこの表現の仕事をする必要がありますか分からない..任意の助けをいただければ幸いです。

答えて

1

私は違った

<td> 
    <strong ng-show="item.title">{{item.title}}</strong> 
    <strong ng-show="!item.title"><p style='color: grey'>select this item to edit</p></strong> 

</td> 

これらの線に沿って何かをそれに近づくでしょう。角度の方法(少なくとも私が理解する限り)は、文字列を操作してDOM要素に変換することではありません。

+0

これは..私はちょうどテストと仕事をしてngBindHtmlを使用して対実装するシンプルで簡単です。 – razblack

+0

あなたはそれを使うことができます(ngBind)。私はそれを愛していません(ngBind).HTMLの世代はHTMLの残りの部分ではなく、どこかのコントローラーに委譲されるようになりました。 – akaphenom

+0

私はこの問題をより詳細に記述して、あなたの答えを詳しく説明できるはずです@akaphenom ..私の謝罪。 私はユースケースにいくつかのモダルコントローラをいくつか持っています。スコープ間でオブジェクトをきれいに渡すために書いたviewmodelデータサービスを使用する必要があります。 私はまだ角度を学んでいますが、それを掛けることを始めます...これは、それを扱うための非常に簡単な方法のように思えました。 – razblack

2

使用ngBindHtml

公式ガイド:ngBindHtml

+0

私はこれをもっと注意深く見なければなりません。それはおそらく推奨される方法です。しかし、私は使用中のデータモデルサービスを持っており、この特定の領域はモーダルコントローラを介して提示されます。私はサービスを使用してオブジェクトを動かすので、モーダルスコープでそれにオブジェクトを付けると、これがうまくいくかもしれません。 – razblack

関連する問題