angularJs var을 html 속성에 사용하는 방법

Question

js 위젯을로드하는 각 부분에 스크립트 태그를 포함합니다. 위젯에는 data-title 속성이 있습니다. 여기에서 제목을 전달할 수 있습니다. 필자의 경우 제목은 각도 js 뷰 변수에 저장됩니다. 제목을 어떻게 넘길 수 있습니까?

예를 들어 시도해 봅니다.

<script type="text/javascript" data-title="{{ title }}" src="http://example.com"></script> 

, {{ title }}

편집에서 위젯 결과의 제목 :

은 내가 JS 바이올린 문제를 보여주는를 추가했다. 주요 문제는 외부 스크립트가 실행되는 순간에 data-title 속성이 여전히 {{ title }}이라는 것입니다. AngularJS는 이벤트 루프에서 나중에 이러한 뷰 변수를 변경합니다. JS 각 컨트롤러에서 http://jsfiddle.net/6tqdZ/15/

Answer 1

문서가 당신이 가진 것 각도의 외부를 실행하는 바이올린 이후 준비가 될 때까지 당신이 각 평가해야합니다 귀하의 질문에 대답하려면

$(document).on('ready',function(){ 
    var t = document.getElementById("placeholder"); 
    t.innerHTML = t.getAttribute("data-title"); 
    alert(t.getAttribute("data-title")); 
}); 

여기는 updated fiddle입니다.

중요 : JQuery와 이벤트 나 세계 "각도 이외의"다른 이벤트와 각 혼합은 권장되지 않으며이이 항상 작동 보장되지 않으며이이 문제를 해결하는 방법이 허용됩니다.

Answer 2

, 범위와 HTML 변수를 정의

function yourController($scope){ 
    $scope.title = "yourtitle"; 
}