만약 여러개의 less 파일을 하나로 만드려면(compile) 어떻게 해야할까요? 아래의 방법으로 가능합니다.# 여러개의 less 파일 하나의 stylesheet로 변경하기일단 lessc을 사용하여 css를 만들기 위해 다음의 less 파일이 존재하는 예제입니다.test1.lesstest2.lesstest3.less위의 less 파일은 각각의 css를 가지고 있습니다. 이를 하나로 compile하여 test.css로 만드는 경우 아래의 방법을 따라야 합니다.하나의 compile 목적의 less파일을 생성(예를들어 test.less를 만듦)만들어진 test.less에 각각의 less파일을 @import함test.less파일을 test.css로 compile 실시위 과정에서 각각의 less파일을 @import하면 아래와 같을 것입니다.@test.less@import test1.less;@import test2.less;@import test3.less;이 파일을 compile하여 최종
2017-12-04 03:55:17AngularJS 사용시 compile 되지 않아야 할 부분이 있을때 아래 디렉티브를 선언하여 가능합니다. ngNonBindable 예를들어 아래 코드의 {{ test }} 표현식이 존재할 경우 이를 prevent하여 코드 그대로 표현 할 수 있습니다. 이때 컴파일 되지 않고 바로 보여주게됩니다.<div ngNonBindable> {{ Text should be shown ! }}</div>만약 위 디렉티브 ngNonBindable이 없다면 당연히 해당하는 값을 angularjs에서 찾고 없으면 에러를 표현하게 됩니다.
2017-06-20 13:55:51AngularJS에서 자바스크립트를 사용하여 ng-click 또는 관련 디렉티브를 태그 요소인 DOM에 직접 추가하였을 경우 이벤트가 동작하지 않습니다. 어떻게 해야할까요?# $compile을 사용하기$compile 서비스를 사용하면 ng-click 등의 추가된 이벤트에 바인딩하는 것이 가능합니다. 아래와 같이 $compile을 수행합니다.var element = $('<button ng-click="close();">Close</button>');document.body.appendChild(element[0]);$compile(element)($scope);위 예제소스는 ng-$compile 수행 후 ng-click 이벤트가 정상적으로 동작하는 것을 보여줍니다.
2017-04-13 20:06:32
