Jquery load()和手动引导AngularJS

时间:2015-11-17 05:47:40

标签: javascript jquery html angularjs

我有一个充满练习的网站。当我点击我网站上的链接时,我正在使用jQuery load()来加载部分页面。

这将获取所需页面的相关部分(练习本身)并将其放在div中以供用户进行交互。虽然这对于大多数网站来说非常有效,但由于绝大多数都是用PHP编写的,所以我试图让它与使用AngularJS的部分一起工作。

我用这个问题作为起点:AngularJS + JQuery : How to get dynamic content working in angularjs

它运作得相当好,但只适用于一项运动。我认为手动引导angularJS可以解决我的问题,但到目前为止已经有问题。如何在jQuery加载时手动引导我的角度应用程序?

以下是我迄今为止尝试过的一些内容,但它不起作用:

irscript.js (ir是演习的名称)相关代码:

var ir = angular.module("ir", []);
ir.controller('MainCtrl', function($scope) {
//application logic.
});
angular.element(document).ready(function() {
angular.bootstrap(document, ['ir']);
});

index.html 相关代码:

<script>
 $("#content").load(String(url + " #exercise"), function(){
 $.getScript("irscript.js")});

</script>
<div id="content"></div>

希望 irscript.js 可以被一个函数替换,该函数在某个时刻返回加载练习的正确脚本,但只是让上面的工作变得非常棒。

0 个答案:

没有答案