Question

我的问题被全能的角度所吸引。我认为自己是初学者，因此提示，帮助非常非常受欢迎。

我有一个外部图表工具，我正在尝试添加到我的角度Web应用程序中。但是，有一个问题。图表工具是纯Javascript，加上一些css文件，我添加到我的目录中。当然我包括脚本，链接到我的index.html文件。但问题是我想在点击按钮时在$ mdDialog中显示该图表。该按钮位于另一个html文件中（有自己的模块，控制器等），$ mdDialog有自己的hmtl和控制器。

在index.html中，图表只显示找到id =“chart”的时间。

<body>
<div id="chart"></div>
</body>

但是当我在$ mdDialog中添加相同的标签时，没有显示任何内容，因为js文件仍然在index.html上查找ID。

我尝试通过在我的$ mdDialog中使用src创建一个脚本来包含此解决方案，这些脚本位于图表js文件的标签下，但仍然不起作用。

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

}(angular));

有没有办法在$ mdDialog中找到该ID？或者我是否必须在图表js文件代码中进行更改？

将index.html中的脚本或html代码添加到$ mdDialog？

0 个答案: