각도 JS는 태그 내의 HTML을 표시합니다.

각도 JS는 태그 내의 HTML을 표시합니다.

템플릿을 사용하여 HTML을 삽입하려고 합니다.ng-bind-html-unsafe기여하다.하지만 어떤 이유에서인지 그것은 작동하지 않는다.

내 코드:

<tr class="white two-button" ng-repeat="(key,value) in recommendations | ojoScoreFilter:ojoScore | relevancyScoreFilter:relevancyScore | orderBy:predicate:reverse">
<td>
<div ng-bind-html-unsafe="value.button"></div>
</td>
</tr>

HTML을 볼 수 없습니다. 변경 시ng-bind-html-unsafe="value.button"로.ng-bind-html-unsafe="{{value.button}}"HTML을 표시하지만 속성 내에서는 다음과 같습니다.

<div ng-bind-html-unsafe="&lt;a class=&quot;action_hrefs full-width bgcolor10 purple-hover flat-button flat-white-button btn&quot; data-value=&quot;947&quot; href=&quot;#&quot;&gt;&lt;i class=&quot;fa fa-lock&quot;&gt;&lt;/i&gt;&nbsp;Unlock&lt;/a&gt;"></div>

네, 해결 방법을 찾았습니다.

JS:

$scope.renderHtml = function(html_code)
{
    return $sce.trustAsHtml(html_code);
};

HTML:

<p ng-bind-html="renderHtml(value.button)"></p>

이런 필터를 만들다

.filter('trusted',
   function($sce) {
     return function(ss) {
       return $sce.trustAsHtml(ss)
     };
   }
)

이것을 필터로서 ng-second-filter에 적용합니다.

<div ng-bind-html="code | trusted">

언급URL : https://stackoverflow.com/questions/21829275/angular-js-shows-html-within-the-tag