Angularjs ng-bind-html 지시문
AngularJS 인스턴스
<p> 내에서 innerhtml을 변수 mytext에 바인딩하십시오.
<! doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> <script src = "http://apps.bdimg.com/libs/angular.js/1.5.0-beta.0/angular-sanitize.min.js"> </script> <body> <div ng-app = "myapp"ng-controller = "myctrl"> app = angular.module ( "myapp", [ 'ngsanitize']); app.controller ( "myctrl", function ($ scope) {$ scope.mytext = "내 이름은 : <h1> John Doe </h1>";});}); </b>이 인스턴스를 포함합니다. HTML의 위험한 코드. </p> </body> </html>실행 결과 :
내 이름은:
존 도
참고 : 이 인스턴스에는 "Angular-sanitize.js"파일이 포함되어 있으며 HTML에서 위험한 코드를 제거합니다.
정의 및 사용법
NG-BIND-HTML 지시문은 HTML 요소에 컨텐츠를 바인딩하는 안전한 방법입니다.
AngularJS가 응용 프로그램에서 HTML을 작성하려면 위험한 코드를 감지해야합니다. "Angular-santize.js"모듈을 애플리케이션에 소개함으로써 NGSANITIZE 기능은 코드의 보안을 감지하는 데 사용됩니다. 응용 프로그램에서는 ngsanitize 함수를 통해 HTML 코드를 실행하여 그렇게 할 수 있습니다.
문법
<요소 ng-bind-html = "expression"> </element>
모든 HTML 요소는이 지침을 지원합니다.
매개 변수 값
| 값 | 설명하다 |
|---|---|
| 표현 | 실행할 변수 또는 표현식을 지정합니다. |
위의 것은 Angularjs ng-bind-HTML 명령 예제에 대한 자세한 소개입니다. 필요한 친구는 그것을 참조 할 수 있습니다.