次の角度設定があります。

コントローラーの ajax を介して生の html マークアップを取得し、@scope.html. ディレクティブでは、この html が を通じて DOM に挿入されますng-bind-html。

html (jade) は次のようになります。

それは基本的に機能します。しかし、含まれているこのhtmlの中に、私は{{searchType}}解決したいようなトランスクルーシブなコンテンツがあります。残念ながらそうではなく、ブラウザに「{{searchType}}」と表示されます。トランスクルージョンを機能させるために何を変更できますか?

$compileとについて読みまし$transcludeたが、使い方がわかりません。問題の解決に役立つかどうかもわかりません。どうも！

$scope変数から表示する html を追加したいと思います。angular-ui navbar 内に追加したい。生成されたコードはブラウザで確認すると完全に正しいのですが、追加の css スタイルがすべてを壊しているようです。

私のhtmlは次のようになります:

app.js は次のとおりです。

レンダリングされたページは期待どおりに見えますが、ドロップダウン メニューが機能しません。動作しない html をブラウザーからコピーし、手動で印刷せずにスタイルng-bind-htmlを削除すると、ng-bindingすべて問題ありません。

cssを追加せずにng-bind-htmlにhtmlを追加させるにはどうすればよいですか? もう1つの方法は、ここで回答されているように独自のディレクティブを作成することですが、コピーペーストされたコードは機能しません。おそらく質問の作成者はすべてを表示していないため、重要なモジュールを含めなかったり、セミコロンを見逃したり、コントローラーディレクティブの宣言順序を間違えたり(?)したりしました。

迷惑な余分な css なしで ng-bind-html を使用する方法、または正しい独自のディレクティブの例を提供する方法を誰か教えてもらえますか?

私はgithubのreadmeを驚くほど角度のあるものを使ってレンダリングしようとしています。マークダウンの解析に関連するものはすべて適切に機能していますが、残念ながら、製品所有者はアプリケーションに対してさらにいくつかの要望を持っています.

彼は、YouTube のビデオと HTML フォームを readme に入れられるようにしたいと考えています。私は現在、 Brandlyによって作成されたYoutube-embed ディレクティブを使用していますが、残念ながら私たちのページではレンダリングされません。

ページ内の html を解析するために とng-bind-html組み合わせて使用​​するスクリプトを使用しています。$sce.trustAsHtml通常の HTML (フォーム タグやその他のもの) は問題なく取得されますが、角度のあるもの (例として youtube ディレクティブ) は取得されません。

ng-clickなどの角度ディレクティブが機能していないことにも気付きng-submitました。を使用してAngularアプリケーション内で解析されているhtmlでAngularを機能させる方法を知っている人はいますng-bind-htmlか?

以下は、HTML がテンプレートに解析される方法のコード例です。

JS:

HTML:

私が抱えている問題にPlunker の例ng-submitを追加しました。フォームに追加した .

〜アーチクライ

私は、クライアント側に大きく依存し、RESTful API を介してアプリのコンポーネントのほとんどをレンダリングする角度のあるアプリケーションに取り組んでいます。そのうちの 1 つは、JSON ファイルに格納されるナビゲーション コンポーネントであり、ui-router 構文を使用して状態間を移動するリンクのリストで構成されます。

これまでのところ、json からナビゲーションを構築するサービスを作成することができました。次に、コントローラーを使用して、Angular のサニタイズ サービスを使用してビューにレンダリングします。私が行き詰まっているのは、結果リンクがクリックできないハードコードされた文字列として表示されることです。

私が読んださまざまなスレッドから、それらがコンパイルされておらず、単にビューにスローされているためだと思いますが、それらをコンパイル/動作させることができません。hereやhereなどの同様のスレッドを見てきましたが、それらはすべてカスタムディレクティブの作成を中継しています。$http サービスから返される動的な html (具体的には ui-sref リンク) をレンダリングしてコンパイルする必要があります。

JSFiddle

ng-bind-html を使用していますが、バインディング html へのリンクが機能しません。

これは、コンテンツをバインドするためのコードです。

これは、リンクがコンパイルされる方法です

to_trusted フィルターは次のようになります。

それでも、リンクをクリックしても何も起こりません。コンソールにも何もありません。

アイデア？

編集：入力文字列：

Edit2: リンクを右クリックして [新しいタブで開く] をクリックすると、リンクは完全に正常に機能します。

変数$scope.textを使用して、この html コードを挿入しようとしています。

私が使用するAngularjsのhtmlファイルでは：<div ng-bind-html="text"></div>

そして問題は、私のWebインスペクタには次のものしかないということです:

すべてのパラメータを表示するにはどうすればよいですか?

ng-bind-html="text1"正常に動作します。結果はなんらかのテキストです が、ng-bind-html="text2"機能しません。結果は <b>sometext<b> です

どうすればng-bind-html="text2"仕事をすることができますか。ありがとうございました。

HTMLコードを含む文字列を表示しています:

<div style="font-size: 14px" ng-bind="currentBook.description"></div>

要素を解釈する代わりに、HTML コードを表示します。

と を使用するng-bindとng-bind-unsafe、何も表示されません。

HTML を解析するにはどうすればよいですか?

補遺

サニタイズへの参照を追加しましたがng-bind、ng-bind-unsafeまだ何も表示されません:

わかりました、ngSanitize を追加したところ、var app = angular.module('app', ['ngSanitize']);動作するようになりました。

AngularJSを使用ng-bind-htmlして iframe をページに挿入しようとしていますが、最も単純なフォームでも動作させることができません。

Javascript

私のHTML：