Почему ng-scope добавлен в javascript встроенный мой частичный вид и делает предупреждение неработоспособным?

Question

Я использую AngularJs с системой шаблонов. Я хочу, чтобы добавить конкретные встроенный Javascript скрипт для каждого шаблона добавления Уведомления приветов окна к выбранной вкладке (Главный | Список | Настройка)

Html оказывает: но нг-сфера добавляется и ничего оповещения при смене вкладки.

<script type="text/javascript" class="ng-scope">alert("home")</script> 

Я делаю пример можно посмотреть здесь:

http://bit.ly/HWcN1H

или здесь

plunkr example с боевой готовности ("template1"), присутствующее в template1.html, но оказывает, как

<script type="text/javascript" class="ng-scope">alert("template1")</script> 

Answer 1

я улучшил решение Endorama по адресу github

Тот же самый процесс.

1. Создание угловых loadscript.js (из приведенной выше ссылке)

2. в вашем использовании приложение «ngLoadScript» в качестве зависимости ресурсов.

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

3. В вашем частичном использовании «text/javascript-lazy» в качестве типа MIME.

Все должно работать в соответствии с требованиями:

/*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)); 

Answer 2

Существует решение, кодирующее директиву:

https://gist.github.com/endorama/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(); 
     } 
     } 
    }; 
    }); 

использование в частичном:

<script type="text/javascript-lazy" > 
alert("lazy loaded"); 
    </script>