Защо ng-scope се добавя към javascript inline на моя частичен изглед и кара предупреждението да не работи?

Използвам AngularJs със система за шаблони. Искам да добавя конкретен вграден javascript скрипт към всеки шаблон, добавяйки поле за предупреждение по отношение на избрания раздел ( Начало | Списък | Настройки )

Html изобразява: но ng-scope се добавя и нищо не предупреждава, когато сменяте раздели.

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

Предлагам примера тук:

http://bit.ly/HWcN1H

или тук

пример за plunkr с alert("template1") присъства в template1.html, но се изобразява като

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

angularjs partials angularjs-scope angularjs-view
person Julien DES    schedule 11.11.2013    source източник
comment
Този случайно затваряне /скрипт трябва ли да е там?   -  person Mike Robinson    schedule 12.11.2013
comment
добавянето на клас към маркера на скрипта или който и да е друг маркер няма да спре изпълнението на скрипта.... има ли текст в маркера на скрипта? Не бих се изненадал, ако бъде премахнат, за да се избегнат скриптове над самото писане. jQuery прави същото с техния метод html(), премахва всички scriot преди вмъкването на DOM   -  person charlietfl    schedule 12.11.2013
comment
Може да имам същия проблем, тъй като моята актуализация до angular 1.2, моят javascript код вече не се зарежда с частичен шаблон.   -  person Fabien Barbier    schedule 13.11.2013

Отговори (2)


arrow_upward
12
arrow_downward

Подобрих решението на endorama в github

Същият процес.

  1. Създайте angular-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));
person Deepak    schedule 18.03.2014
comment
Сложих няколко javascript lais в един и същ файл и редът на зареждане не е jive =( - person Maslow; 02.06.2014
comment
подобрен? copy-paste имаш предвид - person caub; 05.10.2015
comment
Как да го направя синхронно повикване? - person LennyLip; 09.01.2017

arrow_upward
0
arrow_downward

Има решение чрез кодиране на директива:

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>
person Julien DES    schedule 16.11.2013
comment
Има ли начин да направите това, но все пак да използвате атрибута src в маркера на скрипта? - person Mastro; 19.04.2014