[AngularJS] 동적요소삽입 ng-bind-html

AngularJS

[AngularJS] 동적요소삽입 ng-bind-html

힘없는염소 2017. 3. 28. 17:38

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="UTF-8">
    </head>
    <body data-ng-app="app">
        <div id="wrapper" data-ng-controller="appControl">
            <div ng-bind-html="content"></div> <!-- innerHTML -->
        </div>
        <script src="lib/jQuery/2.2.3/jquery.min.js"></script>
        <script src="lib/AngularJS/1.2.1/angular.min.js"></script>
        <script src="lib/AngularJS/1.2.1/angular-sanitize.min.js"></script>
        <script type="text/javascript">
 
            var module = angular.module("app",["ngSanitize"]);
            module.controller("appControl",function($scope){
                $scope.content = "<b>이것은 b요소입니다.</b>";
            }); 
 
        </script>
    </body>
</html>

저작자표시 (새창열림)