在加載的html頁面中使用角度腳本（由ajax）

我有兩個包含Jquery + Angularjs +一些腳本的HTML頁面。當我的第一個HTML加載jquery腳本將加載其他HTML頁面的Ajax，第二個HTML頁面包括一些角色腳本，不再工作。在加載的html頁面中使用角度腳本（由ajax）

任何解決方案？即使它需要改變阿賈克斯這是沒有問題的腳本

檢查這個project

來源

2016-05-16 user3398919

**的Jquery + Angularjs +一些腳本** ....根本沒有幫助。發佈各自的代碼片段。 – Jai

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

當你給介紹我可以建議你只有這些東西 -

當加載第一個HTML頁面，你必須在其中加載角色腳本。

因爲第二個html頁面被腳本加載，所以第二個html頁面當時不會加載角色腳本。

您可以添加一個.js文件，其中的腳本代碼將在那裏，並且此js文件將包含在第一個html頁面中。

來源

2016-05-16 06:57:01 Poonam

你可以試試下面的方式

控制器移到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

來源

2016-05-16 07:01:10

我想每個外部頁面都有它的腳本，如果我用你的方式，你建議第一頁會加載很多腳本，可能用戶不需要 – 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>

來源

2016-05-18 10:33:51 user3398919

在加載的html頁面中使用角度腳本（由ajax）

回答

相關問題