2016-05-16 8 views
0

Jquery + Angularjs +いくつかのスクリプトを含む2つのHTMLページがあります。 私の最初のhtmlがjqueryスクリプトをロードすると、他のhtmlページがajaxによってロードされ、2番目のhtmlページにはもう動作しない角スクリプトが含まれます。ロードされたhtmlページで角度スクリプトを使用する(ajaxによる)

どのような解決策ですか?あなたが最初のHTMLページをロードすると、私はあなたが、これらのみTHINGS-

をお勧めすることができます説明を与えていたとして、それはこのproject

+1

欲しいものを見つけ**のjQuery + Angularjs +いくつかのスクリプト** ....全く助けにならない。それぞれのコードスニペットを投稿してください。 – Jai

+0

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

答えて

0

全く問題

チェックませんAJAXのスクリプトを変更する必要がある場合でも、あなたの中に角度のあるスクリプトを読み込まなければならない。

スクリプトによって2番目のhtmlページが読み込まれるため、2番目のhtmlページにはその時点で角形スクリプトが読み込まれません。

スクリプトコードがそこにあり、このjsファイルが最初のhtmlページに含まれる.jsファイルを追加できます。

0

追加index.htmlのbodyタグでindex.html

にコントローラを移動し、それをbodyタグ内のアプリ宣言

<body ng-app="myApp"> 

を次のよう

を試みることができるがへの参照を含めますthe other.html

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

はother.htmlであなただけの

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

Plunker Demo

+0

私はあなたが最初のページには、ユーザーが必要でないかもしれない多くのスクリプトをロードすることを示唆したあなたの方法を使用する場合は、そのスクリプトを持っている各外部ページにしたい – user3398919

0

次のコードを必要と最終的に私は

<!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> 
関連する問題