Angular.js可以在脚本标记中的Jade模板中进行插值吗？

我使用angular模板与玉模板，我有一些JavaScript的模板：

script(type='text/javascript') console.log('{{name}}'); 

在我的angular度控制器，我做了如下的东西：

 $scope.name = "Bhoutrous"; 

只要不在脚本标记下，我就可以{{name}}在模板的任何其他地方正确插入。 对于我来说，angular度抛出一个“SyntaxError：无效的属性ID”错误。 我想知道这是一个玉器问题，还是有一个解决方法。 当页面加载时，我需要将'name'variables的内容传递给一个js函数。

UPDATE

我知道它可以使用常规模板。 下面的例子的小提琴： http : //jsfiddle.net/atentaten/mnscA/

有没有人有使用玉这样的事情的经验？

HTML：

 <div ng-controller="UserCtrl"> <p>{{data}}</p> <div id="dat"></div> <script type="text/javascript"> function doit(text){ var el = document.getElementById("dat"); el.innerHTML = text; } doit( '{{data}}' ); </script> </div> 

JS：

 var app=angular.module('myApp', []); function UserCtrl($scope) { $scope.data = "Green Applese"; }; 

Answer 1

Angular在DOM元素中进行插值。 脚本标记和其他随机string的内容不是插值的。 您可以在Angular应用程序生命周期之外访问Angular服务，包括$interpolate服务; 我昨天回答了一个这样的问题 。 但是，就像在这个答案中一样，我认为这不是用Angular编写应用程序的好方法。

Answer 2

一种为我在玉器上工作的forms

 div(ng-controller="UserCtrl",anotherAttr="yourValue") p#dataBind {{data}} div#dat script. function doit(text){ $("#dat").html(text) } doit($("#dataBind").text()); 

注意点“。” 在脚本标记之后，这允许将js代码放入玉石中