問題タブ [ng-bind-html]

うまくいけば、誰かが私を正しい方向に向けることができます.

私は Web アプリを構築していますが、その一部では、ユーザーがボタンをできるだけ速くクリックしてスコアを取得する必要があります。設計では、このスコアを 2 桁で表示する必要があることが規定されています。つまり、9 は 09 になるため、スタイリングのために各桁をスパン タグで囲む必要があります。

必要に応じてすべてが機能していますが、ビューでレンダリングされた html としてスパン タグでラップされたスコアを出力する際に​​問題が発生しています。

問題を引き起こしているセクションのフィドルをまとめました。アドバイス、ヘルプ、ベストプラクティスなどは大歓迎です。

私が試したこと：

私が試したことのいくつかを含めました。基本的に、ビューで $sce を使用して ng-bind-html を試行する必要があります。試行 3 は私にとって最も論理的だと思われますが、 $scope.count は更新されていません。バインドを維持するには、$watch または $apply 関数を追加する必要があると思いますか? しかし、それを実装する方法や、これが良い習慣であるかどうかさえよくわかりません。また、私はhtmlを出力しているので、ディレクティブでこれを行う方が良いですか?

フィドルhttp://jsfiddle.net/funkycamel/gvxpnvqp/4/

HTML

Javascript

これらは現在出力されています

繰り返しますが、アドバイス/ヘルプは大歓迎です。

私はAngularJSが初めてです。次のような HTML テーブルがあります。

Angular 関数は次のようになります。

私が今抱えている問題は、HTML ビューに入れたいデータが、正しい ID を持つものだけでなく、すべての「td」にあることです。少し考えれば、これは期待できる動作です。

私の質問は次のとおり
です。その 'ng-bind-html' に --> variable(rule.id) のような変数を与えてから、Angular 関数で --> $scope.variable(ruleId) のようなものを書くことは可能ですか? = データ;
それとも、この問題に対する別のアプローチがありますか?

前もって感謝します。

AngularJS v1.3.14:現在、Angular アプリで「ng-bind-html」を使用して「ngSanitize」モジュールを使用して、HTML をページ上の領域の出力にバインドしています。これは機能し、古い $sce 'trust HTML' を必要としません。

しかし、その HTML 内に子バインディングを埋め込みたいと考えています。

だから...このようなものはうまくいく...

このようなものはありません...

考え？

app.js でさまざまなコントローラーと対応するテンプレート URL を定義しました。

私の TestParseController は定義どおりです:

Html : testParse.html :

div は適切に入力されますが、入力されたボタンの ng-click は機能しませんが、ページ自体で使用可能な h3 タグでは適切に機能します。

誰か助けてください..

私はこのようなリピーターのセットアップを持っています

m.MessageText は、次のような文字列です。

ユーザーは、テンプレート フレーズのリストを表示し、目的のフレーズにチェックを入れ、テキスト領域に入力し、提供されたフレーズが入力された電子メールを送信する送信を行います。

ng-bind-html を使用すると、出力は正常に表示されます。しかし、ng-model を使用すると、出力に html が表示されません。この情報をバインドして、適切な html としてレンダリングするだけでなく、ユーザーから提供された情報を収集できるようにするにはどうすればよいですか?

ng-switch および ng-bind と組み合わせて使用​​される ng-repeat ループがあります (ここでは ng-switch は問題ではないと思います)。

メッセージは、次の構造を持つオブジェクトの配列として定義されます。

セッターメソッド（オブジェクトを返す同じ関数内にあります。この関数がオブジェクトコンストラクターであるとしましょう）に加えて

メッセージ オブジェクトの yesno プロパティが false の場合、ユーザーはテキストをクリックして、次に使用可能なテキストに変更できます (配列の境界に到達すると、元のテキストに戻ります)。

そのため、ユーザーがテキストをクリックすると、次のイベントがトリガーされます。

基本的に：

• クリックされたメッセージのインデックスを取得します (現在の ng-repeat ループのインデックスに対応)
• それを増やす

このように、nd-bind はmessage.textsで利用可能な次のテキストをバインドする必要があります。しかし、そうではありません。

私はそれを確信しています：

• ng-bind: 正しく設定されている (message.texts の最初の要素が正しく出力されている)
• message.active_text が正しく更新されました

また、私は使用しようとしました：

しかし、エラーも発生します（通常は機能します）：

キャッチされていない TypeError: $scope.apply は関数ではありません

どんな手掛かり？

たとえば、モーダルで ng-bind-html を使用する場合

... div にバインドされている html はモーダルに含まれず、その端からはみ出します。どうすればこれを防ぐことができますか?