AngularJS와 NG-바인드 - HTML 명령어
예를 AngularJS와
가변으로 myText 내에서 innerHTML을 바인드 <P>
<스크립트 SRC = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </ script>
<스크립트 src에 = "http://apps.bdimg.com/libs/angular.js/1.5.0-beta.0/angular-sanitize.min.js"> </ script>
<바디>
<사업부의 NG-응용 프로그램 = "을 myApp "NG 컨트롤러 = "myCtrl">
<P 겨 바인드-HTML = "으로 myText"> </ P>
</ DIV>
<스크립트>
var에 응용 = angular.module ( "을 myApp"[ 'ngSanitize']);
app.controller ( "myCtrl", 기능 ($ 범위) {
$ Scope.myText는 = "내 이름은 <H1> 홍길동 </ H1>";
});
</ 스크립트>
<스크립트 src에 = "http://apps.bdimg.com/libs/angular.js/1.5.0-beta.0/angular-sanitize.min.js"> </ script>
<바디>
<사업부의 NG-응용 프로그램 = "을 myApp "NG 컨트롤러 = "myCtrl">
<P 겨 바인드-HTML = "으로 myText"> </ P>
</ DIV>
<스크립트>
var에 응용 = angular.module ( "을 myApp"[ 'ngSanitize']);
app.controller ( "myCtrl", 기능 ($ 범위) {
$ Scope.myText는 = "내 이름은 <H1> 홍길동 </ H1>";
});
</ 스크립트>
»시도
정의 및 사용
NG-바인드 - HTML 명령어는 HTML 요소에 콘텐츠를 결합하는 안전한 방법을 통해서이다.
AngularJS와 HTML 응용 프로그램에서 작성하려는 경우, 당신은 위험한 코드를 탐지 할 필요가있다. 응용 프로그램에서 "볼록 santize.js"모듈을 도입함으로써, 보안 코드를 검출 ngSanitize 함수를 사용한다. 응용 프로그램에서 당신은 ngSanitize 기능을 통해 HTML 코드를 실행하여 수행 할 수 있습니다.
문법
<요소 NG-바인드-HTML = "표현"> </ 요소>
모든 HTML 엘리먼트는 명령을 지원한다.
매개 변수 값
값 | 기술 |
---|---|
식 | 변수 또는 표현식가 실행되도록 지정합니다. |