Question

我有两个HTML页面，包括Jquery + Angularjs +一些脚本。当我的第一个html加载时，jquery脚本将通过ajax加载其他html页面，第二个html页面包含一些不再起作用的角度脚本。

任何解决方案？即使它需要更改没有问题的ajax脚本

检查此project

Answer 1

正如你所描述的，我只能建议你这些事情 -

当您加载第一个html页面时，您必须在其中加载角度脚本。

因为第二个html页面是由脚本加载的，所以第二个html页面当时不会加载角度脚本。

你可以添加一个.js文件，其中脚本代码将在那里，这个js文件将包含在第一个html页面中。

Answer 2

您可以通过以下方式尝试

将控制器移至index.html

在index.html的body标签中添加应用声明

<body ng-app="myApp">

body标签内包含对other.html

的引用

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

在other.html中，您只需要以下代码

<div ng-controller="myCtrl">
    Number {{yourName}}!
</div>

Plunker Demo

Answer 3

终于找到了我想要的东西

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
</head>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
  <p ng-bind-html="myText"></p>
</div>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope, $http, $sce) {
    $http.get("page2.html").then(function (response) {
       $scope.myText = $sce.trustAsHtml(response.data);
    });
});
</script>
</body>
</html>

在加载的html页面中使用角度脚本（通过ajax）

3 个答案: