Angular Templating in Script-Tag

Question

Gibt es eine Möglichkeit, Angular zu zwingen, einen Ausdruck mit einer Variablen innerhalb eines Script-Tags zu erkennen? Aus Gründen, die ich nicht kontrollieren kann, muss ich so etwas tun.

<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> 

mit nur einem grundlegenden app Aufruf

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

Grundsätzlich möchte ich eine Winkelvariable innerhalb einer Basisfunktion nutzen zu können, die an die App gebunden ist nicht, auch wenn das Skript-Tag, das die Anrufe Funktion ist in der App untergebracht. Ich weiß, das ist nicht die beste Praxis, aber ich denke, es ist die einzige Lösung für mein Problem. Andere Lösungen sind ebenfalls willkommen. Vielen Dank!

Fiddle for playing

Answer 1

Wenn wir in die Hölle gehen, warum es nicht in der Art?

<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> 

binden, die Variable auf den DOM, und dann in dem textContent oder innerHTML abhängig von Ziel-Browser schamlos lesen.

Hier ist Ihre Geige zurück: https://jsfiddle.net/8kpfu42w/2/