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

问题描述：

我有两个包含Jquery + Angularjs +一些脚本的HTML页面。当我的第一个HTML加载jquery脚本将加载其他HTML页面的Ajax，第二个HTML页面包括一些角色脚本，不再工作。在加载的html页面中使用角度脚本（由ajax）

任何解决方案？即使它需要改变阿贾克斯这是没有问题的脚本

检查这个project

**的Jquery + Angularjs +一些脚本** ....根本没有帮助。发布各自的代码片段。 – Jai

http://plnkr.co/edit/nh8vaqCPX3IIBl7TcWku – user3398919

答

当你给介绍我可以建议你只有这些东西 -

当加载第一个HTML页面，你必须在其中加载角色脚本。

因为第二个html页面被脚本加载，所以第二个html页面当时不会加载角色脚本。

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

答

你可以试试下面的方式

控制器移到index.html

在index.html的身体标记添加应用程序声明

<body ng-app="myApp">

body标签中包含的参考other.html

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

在other.html你只需要下面的代码

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

Plunker Demo

我想每个外部页面都有它的脚本，如果我用你的方式，你建议第一页会加载很多脚本，可能用户不需要 – user3398919

答

终于找到了我想要的东西

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

相关推荐