¿Por qué ng-scope se agrega a javascript en línea de mi vista parcial y hace que la alerta no funcione?

Estoy usando AngularJs con sistema de plantillas. Deseo agregar una secuencia de comandos JavaScript específica en línea a cada plantilla agregando un cuadro de alerta a la pestaña seleccionada (Inicio | Lista | Configuración)

Html representa: pero se agrega ng-scope y no hay alertas cuando cambias de tabs.

alert("home") 

Pongo el ejemplo disponible aquí:

http://bit.ly/HWcN1H

o aquí

Ejemplo de plunkr con alerta (“template1”) presente en template1.html pero se representa como

 alert("template1") 

    He mejorado la solución de endotwig en github

    El mismo proceso.

    1. Crea el angular-loadscript.js (desde el enlace de arriba)
    2. en su aplicación use ‘ngLoadScript’ como una dependencia de recursos.

      var app = angular.module (‘YOUR_APP_NAME’, [‘ngResource’, ‘ngRoute’, …, ‘ngLoadScript’]);

    3. En su uso parcial ‘text / javascript-lazy’ como el tipo MIME.

    Todo debería funcionar como se requiere:

     /*global angular */ (function (ng) { 'use strict'; var app = ng.module('ngLoadScript', []); app.directive('script', function() { return { restrict: 'E', scope: false, link: function(scope, elem, attr) { if (attr.type==='text/javascript-lazy') { var s = document.createElement("script"); s.type = "text/javascript"; var src = elem.attr('src'); if(src!==undefined) { s.src = src; } else { var code = elem.text(); s.text = code; } document.head.appendChild(s); elem.remove(); /*var f = new Function(code); f();*/ } } }; }); }(angular)); 

    Hay una solución al codificar una directiva:

    https://gist.github.com/endotwig/7369006

     var app = ng.module('ngLoadScript', []); app.directive('script', function() { return { restrict: 'E', scope: false, link: function(scope, elem, attr) { if (attr.type=='text/javascript-lazy') { var code = elem.text(); var f = new Function(code); f(); } } }; }); 

    uso en parcial: