脚本标记内的角度模板化

Question

有没有一种方法可以强制Angular识别脚本标签中带有变量的表达式？ 由于无法控制的原因，这就是我必须运行的方式。

<div ng-app="testApp">
  <input type="text" ng-model="testvar" />
  <input type="button" onclick="clickFn()" value="Test" />
  <script type="text/javascript">
    window.clickFn = function() {
        console.log('{{testvar}}');
    }
  </script>
</div>

只需一个基本的应用程序调用

var app = angular.module('testApp', []);

基本上，我希望能够在未绑定到应用程序的基本函数中利用角度变量，即使调用该函数的脚本标签位于应用程序中。 我知道这不是最佳做法，但我认为这是解决我的问题的唯一方法。 也欢迎任何其他解决方案。 谢谢！

小提琴演奏

Answer 1

如果我们要下地狱，为什么不这样做呢？

<div ng-app="testApp">
  <input type="text" ng-model="testvar" />
  <input type="button" onclick="clickFn()" value="Test" />
  <p id="testvar" style="display:none">
  {{testvar}}
  </p>
  <script type="text/javascript">
    window.clickFn = function() {
        console.log(document.getElementById("testvar").innerHTML);
    }
  </script>
</div>

将该变量绑定到DOM，然后根据目标浏览器无耻地读取textContent或innerHTML 。

这是您的提琴手： https : //jsfiddle.net/8kpfu42w/2/