gpt4 book ai didi

javascript - Angular Directive(指令)模板 url 中的内联 javascript

转载 作者:行者123 更新时间:2023-11-30 00:23:44 24 4
gpt4 key购买 nike

我正在尝试嵌入 dalliance genome browser进入 Angular 应用程序。放在主页上时效果很好。但是,因为应用程序很大,我正在尝试使用 Template-expanding directive .我读了一些关于内联 javascript 在 Angular 上表现不佳的帖子,以及 solution .特别是我添加了这个 gist到我的应用程序。

我的应用现在看起来像这样 plunker .

问题:基因组浏览器插件出现:-(怎么了?

app.js:

(function(angular) {
'use strict';
angular.module('docsTemplateUrlDirective', [])
.controller('Controller', ['$scope', function($scope) {
$scope.title = "Genome Browser";
}])
.directive('genomeBrowser', function() {
return {
templateUrl: 'genomeBrowser.html'
};
});
})(window.angular);

genomeBrowser.html:

<h2>Embedded page:</h2>
<script type='text/javascript-lazy' language="javascript">
new Browser(options);
</script>
<div id="svgHolder"></div>

(选项在这里不相关,但可以在 plunker 中看到。)

index.html:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Genome browser</title>
<link rel="stylesheet" href="style.css" />
<script data-require="angular.js@1.4.x" src="https://code.angularjs.org/1.4.3/angular.js" data-semver="1.4.3"></script>
<script src="app.js"></script>
<script src="angular-loadscript.js"></script>
<script src="http://www.biodalliance.org/release-0.13/dalliance-compiled.js"></script>
</head>
<body ng-app="docsTemplateUrlDirective">
<div ng-controller="Controller">
<h1>{{title}}</h1>
<div genome-browser></div>
</div>
</body>
</html>

最佳答案

您忘记将“ngLoadScript”作为依赖项包含在内:

angular.module('docsTemplateUrlDirective', [])

应该是

angular.module('docsTemplateUrlDirective', ['ngLoadScript'])

此外,您在 console.log('debug');

中的部分内容中缺少引号

关于javascript - Angular Directive(指令)模板 url 中的内联 javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32221660/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com