javascript - 如何使用 angularJs var 到 html 属性

Question

我在 Angular 部分中包含了一个脚本标记，我在其中加载了一个 js-widget。该小部件有一个属性 data-title，我可以在其中传递标题。就我而言，标题存储在 Angular js View 变量中。我怎样才能通过标题？

如果我尝试例如

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

，小部件的标题结果为 {{ title }}

编辑:

我添加了一个 js fiddle 来显示问题。主要问题是，在执行外部脚本时，data-title属性仍然是{{ title }}。 AngularJS 可能会在事件循环中更改这些 View 变量。 http://jsfiddle.net/6tqdZ/15/

Answer 1

要回答您的问题，您需要评估 Angular ，直到文档准备好，因为您的 fiddle 在 Angular 之外运行，您必须执行以下操作:

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

这是updated fiddle .

Important: mixing angular with JQuery events or any other events "outside of angular" world is not recommended and there is not guarantee this will always work nor it will be accepted way to resolve this.