gpt4 book ai didi

使用 ng-include 包含的 html 文件中的 Javascripts 不执行

转载 作者:行者123 更新时间:2023-11-29 21:39:10 25 4
gpt4 key购买 nike

我正在使用 ng-inculde 包含一个 html 文件,该文件还包含该页面的一些 javascript 代码,但未执行 javascript,

这是我的代码:

    <head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title ng-cloak>{{Page.Title}}</title>
<link rel="stylesheet" href="/media/css/bootstrap.min.css">
<link rel="stylesheet" href="/media/css/swiper.min.css">
<link rel="stylesheet" href="/media/css/owl.carousel.css">
<link rel="stylesheet" href="/media/css/style.css">
<link href="/media/css/nprogress.css" rel="stylesheet">
<script type="text/javascript" src="/media/js/angular.js"></script>
<script src="/media/js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="/media/js/app.js"></script>
<script src="/media/js/vendor/modernizr-2.8.3.min.js"></script>
<meta name="description" content="">
<meta name="fragment" content="!">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script>document.write('<base href="' + document.location + '" />');</script>
<link rel="apple-touch-icon" href="apple-touch-icon.png">

<script type="text/javascript" src="/media/js/ng-device-detector.js"></script>
<script type="text/javascript" src="/media/js/re-tree.js"></script>
<script type="text/javascript" src="/media/js/angular-route.js"></script>
<script type="text/javascript" src="/media/js/angular-md5.js"></script>
<script type="text/javascript" src="/media/js/angular-cache.js"></script>
<script type="text/javascript" src="/media/js/bootstrap.min.js"></script>
</head>
<body>
<div ng-view></div>
</body>
</html>

还有我的 home.html 页面:

<p>Welcome, this is the home page!!</p>
<div ng-include src="'/template/include/home_s.html'"></div>

这是我的 home_s.html:

<script>
console.log("Selam, chooni khasi?");
alert("Sellam, choooni?");
</script>

最佳答案

或者:

<ng-include src="'/template/include/home_s.html'"></ng-include>

或者:

<div ng-include="'/template/include/home_s.html'"></div>

但是,Angular 本身不支持在模板中加载脚本。为此,您需要包含 jQuery(确保在 Angular 之前加载它)。

没有 jQuery 的演示:http://plnkr.co/edit/Qh27ArEyIk53VRB7e61C?p=preview

jQuery 演示:http://plnkr.co/edit/TxOmx5ksEFC2larJiJBA?p=preview

关于使用 ng-include 包含的 html 文件中的 Javascripts 不执行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33717192/

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