-
Angularjs 2016‧09‧08
스코프 데이터 html로 바인딩하기
예를 들어 $scope.text1 = '<h3>제목</h3>';라고 있고 dom에서 {{text1}} 하면 바로 <h3>제목</h3>가 노출된다.이를 html로 적용시키려면 아래와 같이 만들어야한다. 방법 1. 헤더에서 angular-sanitize 를 불러와준다. <script src="/angular-1.5.8/angular-sanitize.min.js"></script> 모듈에 ngSaitize를 넣어준다. var app = angular.module('모듈이름',['ngRoute','ngAnimate','ngSanitize'], function($httpProvider){ }); 이제 준비가 되었다. dom에는 아래와 같이 넣어준다. <p ng-bind-html="text1"></p> 그럼 제대로 데이터가 html로 바인딩 된 것을 확인할 수 있다. 방법 2. […]
-
Angularjs 2015‧02‧24
Angularjs – 지정 엘리먼트 안에 자기만의 함수 호출을 가진 새로운 엘리먼트 생성하기
새로운 엘리먼트를 생성하는 방법은 아래 코드와 같다. function(s, e, a) { var newElement = angular.element(' <div></div> '); e.append(newElement); $compile(newElement)(s); } 여기에 새로 생성되는 엘리먼트에 컨트롤러더 달아주고, ng-click과 같은 기능도 추가해서 만들어 보려고 한다. 일단 html을 아래와 같이 만든다. <div ng-app="AngApp"> <div ng-controller="MainCtrl"> Hello {{name}}! <my-directive></my-directive> </div> </div> 이제 my-directive 엘리먼트 안에 새로운 엘리먼트를 만들고 함수 호출도 […]