ng-repeat없이 html 콘텐츠로 배열을 표시하는 방법은 무엇입니까? 나는이</p> <pre><code><div id="container"> <p>Item 1</p> <span>Item 2</span> </div> </code></pre> <p>내가 사용하지 않고 그것을 할 수있는 방법 NG를 반복하고 싶은

Question

내가이

"items" : ["<p>Item 1</p>","<span>Item 2</span>"] 

이 AngularJS와?

Answer 1

AngularJS에서는 ng-bind-html 지시어를 사용하여 html을 인쇄 할 수 있으므로 $sanitize 서비스를 포함해야합니다.

이제

, 당신은 Array.prototype.join() 사용할 수있는 뷰에 HTML 문자열로 배열을 전달합니다 :

angular 
 
    .module('App', ['ngSanitize']) 
 
    .controller('AppController', ['$scope', function ($scope) { 
 
    var obj = { 
 
     "items": ["<p>Item 1</p>","<span>Item 2</span>"] 
 
    }; 
 
    $scope.items = obj.items.join(''); 
 
    }]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.10/angular.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.5.10/angular-sanitize.min.js"></script> 
 

 
<div ng-app="App" ng-controller="AppController"> 
 
    <div id="container" ng-bind-html="items"></div> 
 
</div>

Answer 2

당신은 다음과 같이 직접 사용할 수 있습니다 ..

$scope.itemNames = {"items" : ["<p>Item 1</p>","<span>Item 2</span>"]}; 

    <div ng-bind-html-unsafe="itemNames.items"> </div> 

기타

사용 $ sc 이자형.

.controller('ctrl', ['$scope', '$sce', function ($scope, $sce) { 
    $scope.itemNames = {"items" : ["<p>Item 1</p>","<span>Item 2</span>"]}; 
    $scope.newNames= $sce.trustAsHtml($scope.itemNames.items); 
    }]); 

    <div ng-bind-html="newNames"> </div>