2016-08-22 16 views
0

角度を使用してカスタムhtmlに印刷しようとしています。私はこれを達成するためにng-bind-htmlと組み合わせて$sce.trustAsHtmlを使用しています。目標は、このカスタムhtmlを印刷できるだけでなく、ng-clickなどの指示文を保持していて、それらは役に立たなくなります。私は、以下のような記事で見てきた例としては有望である:

AngularJS render HTML within double curly brace notation

は、しかし、私の実装では、私は、HTMLがNGクリックする正しく含む参照をレンダリングするものの、ディレクティブがときもはや動作するようには思えないことが判明します私はそれを使用しているリンクをクリックしようとしています。

$scope.htmlExpression = $sce.trustAsHtml("<a ng-click='test();'>Click Me</a>"); 

$scope.test = function() { 
    console.log('Hello World!'); 
} 

<div> 
    <p ng-bind-html="htmlExpression"></p> 
</div> 

ソースが解析されても、すべてがうまくレンダリングされ、翻訳で失われたものは何も表示されません。あたかも何かを残しているかのように感じています。どんな助けもありがとうございます。

+1

あなたはそれをコンパイルする必要があります。 –

+0

コントローラ内からどのように再コンパイルできますか? – Gedalya

答えて

1

https://docs.angularjs.org/api/ngSanitizeを使用し、htmlをバインドします。これでうまくいかなければ、ダイジェストサイクルを再起動する$ digest。

+0

私はこれに慣れていません。これらを起動する方法について私が参照できる例はありますか? – Gedalya

+0

ええとhttps://www.sitepoint.com/understanding-angulars-apply-digest/サイクルを再トリガーします。 ngSanitizeの場合は、モジュールにlibを含めるだけです。 –

関連する問題