問題タブ [ng-bind-html]

こんにちは、完全な角度コードが埋め込まれた HTML 応答を受信して​​おり、レンダリングのために ng-bind-html と ng-html-compile の両方を試しました。どちらも機能しません。HTML 要素は適切にレンダリングされていますが、ng ディレクティブはどれも機能していません。誰でもこの問題について助けてもらえますか?

コントローラー内で、http 応答データ (html) を rootscope 変数 ($rootScope.htmlResponse=data) に割り当てています。

これはhtmlコンパイルのディレクティブです

searchResults.html:

これは、私が取得している http 応答のサンプルです。

次の結果が表示されています。

私はangularjsが初めてです。私のプロジェクトでは、http 応答として HTML ファイルを取得しています。ng-bind-html は html コードで動作します。しかし、html 内の angularjs コードはコンパイルされていません。$compile で解決策を試しましたが、何も機能しません。これに対する良い解決策を提案してください。

次のようなサンプル コードがあるとします。

応答として HTML のみを取得した場合、これは正常に機能します。angularjs（app.module、app.controller、app.directivesを含む）でHTMLを取得すると、html部分のみがコンパイルされます。この問題で私を助けてください。

これが私の応答例です。

私のコードにはボタンがあり、HTML5 データ属性と AngularJs 式を使用して通知を表示することで、データをボタンにアタッチしています。コードはこんな感じ

しかし、式を使用することの悪い点はここにあります。したがって、明らかに解決策は、またはのいずれng-bindかを使用することng-bind-templateです。

しかし、HTML5 の data 属性に対してこれを行う方法は、私の CSS でスタイルが as として宣言されているためですdata-notification。

この問題に関する提案は大歓迎です。

-編集私の質問について誤解があると思います。表示する上記のコード{{tweetCount}}は私のために働いています。唯一の問題は、double curliesページの読み込み中に一瞬だけ実際にユーザーに表示されることです。これを解決するng-bind/ng-bind-templateには、使用することをお勧めします。しかし、私の場合は HTML5 の data-attribute タグに適用する必要があります。そして、それを行う方法は？

We have dynamic templates. Inside ng-repeat I am using ng-bind-html which calls a method that returns HTML, but the expressions in that HTML were not rendering. Any idea why?

Here is the controller:

それが私の質問です、長所と短所は何ですか?

私のアプリでは補間を使用していますが、このようなエラーが発生します

{{::sport.name}}->NHL Futures & Props

そして、私が使用する場合ng-bind-html

ng-bind-html="sport.name"->NHL Futures & Props

この場合ng-bind-html、私がやりたいことをしています。しかし、何か問題がありますか？

他よりも優れたものはありますか？

教えてください、私は提案を受け入れています。

私はAngular.JSが初めてで、現在最初のプロジェクトに取り組んでいます。この種のエントリでいっぱいのページがあります

ティーザーには、HTML 形式または&. 私がやりたいことは、このティーザーを「解析」して、ブラウザー (現在は Google Chrome) がフォーマットを適切に「理解」できるようにすることです。

詳細ページの場合、id が showews に渡されますが、最初の呼び出しにはすべてのニュースを読み取るための ID がありません。ユーザーは各ニュース リンクから詳細ページにアクセスできます。ここで、私はすでに同じ問題を抱えています。以下に、メイン ニュース ページと詳細ページの両方の Angular.JS コードを示します。ここでは、ng-bind-html次のようにディレクティブを使用して詳細ページの問題を解決できます。

私の質問は、コマンドがテキストの配列である場合にng-bind-html解析するように、コマンドを適切に使用する方法です。$scope.myHTML

ご回答ありがとうございます。

IonicFramework を使用して、IOS で SVG ファイルを表示する小さな ionic アプリを取得するのに苦労しています。

ブラウザと Android 5.0 でも動作しますが、IOS で試してみるとフラグが表示されません。

html にハードコードされたフラグを追加すると、フラグは正常に表示されます...

うーん、私は何を間違っていますか?? この例は、空のテンプレートを使用した新しい Ionic プロジェクトに基づいています...

JS スニペット:

HTML スニペット:

http://codepen.io/flemmingdjensen/pen/XbRKLV

私が持っているとしましょう -

trust HTML として表示されないように、何trustAsHtmlをチェックできますか?expression

いくつかの例を教えてください。