내 사용자 지정 각도 지시문에 스크립트를로드하려고합니다. 지금은 단순히 DOM에 스크립트 태그를 추가하고 있지만로드하지는 않습니다.
angular.module('myApp')
.directive('rjHeader', function () {
return {
restrict: 'E',
template : function(e,a){
return '<script type="text/javascript" charset="utf-8" src="https://my.web.com/path/' + a.locale + '/some.js" ></script>';
}
};
});
그리고 HTML
<div rj-Header locale="en_US"></div>
브라우저에서 페이지를 열 때 의도 한 스크립트를 올바르게 추가합니다.
<script type="text/javascript" charset="utf-8" src="https://my.web.com/path/en_US/some.js" ></script>
그러나 이것은 실제로이 .js 파일을로드하지 않습니다. 이 줄을 내 html에 간단히 복사하여 붙여 넣으면 예상대로 작동합니다. 사용자 지정 각도 지시문을 사용하여 스크립트를 삽입하려면 어떻게해야합니까?
여기에서 뭔가 잘못된 것 같지만, 정말로 이것을하고 싶다면 지시어의 요소에 스크립트 태그를 추가 할 수 있습니다 :
app.directive('loadDirective', function() {
return {
restrict: 'E',
link: function($scope, $el) {
var script = document.createElement('script');
script.src = '//cdnjs.cloudflare.com/ajax/libs/emojione/1.3.0/lib/js/emojione.min.js'
$el.append(script);
}
}
});
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다