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

Javascripts in html file included using ng-include does not execute

本文关键字：Javascript 执行 文件 ng-include 包含 html 使用      更新时间：2023-09-26

我使用ng include来包含一个html文件，该文件也包含该页面的一些javascript代码，但Java脚本没有执行，

这是我的代码：

    <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>

我的主页：

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

这是我的家_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

相关文章：