2016-03-22 23 views
0

私はこのようなメインページがあります。AJAXのAngular jsページ?

index.htmlを

<div id="ajaxContent"></div> 
<button onclick="callAjax()">Click</button> 
<script> 
function callAjax() { 
     $.ajax({ 
      type: "POST", 
      url: "angular.html", 
      data: data,    
      success: function (response) { 
       $("#ajaxContent").html(response); 
      } 
     }); 
    } 
</script> 

そしてangular.html

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script> 
<script>angular.module("myApp").controller("myCtrl", function ($scope) { 
$scopr.test="hello!"; 
}); 
</script> 
<div ng-app="myApp" ng-controller="myCtrl"> 
{{test}} 
</div> 

が、AJAXによってロードは常にある "角度が定義されていない" と言うの後でをこれを行う方法はありますか?ありがとう。

答えて

0

角度の$ httpサービスを使用できるときに、AJAXのjQueryを使用する必要はありません。 何らかの条件に基づいてhtmlファイル全体をロードする場合は、ディレクティブまたは角度のルーティングを使用できます。

私の意見では、この方法でやってみるのは間違いです。何を達成しようとしていますか?

このHTMLを挿入しようとしているページに<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>を入れていないという事実から、角度が定義されていないという問題が発生していることは間違いありません。

+0

返信いただきありがとうございます。実際にはindex.htmlページは私のものではなく、ページ内の.jsファイルインクルードを使用するものもありますし、上記の "index.html"のようなコンテンツをロードするajax関数を呼び出すことで、コンテンツのこの部分も動的になります。 – protoss

+0

私はそれが本当に他の提案は、申し訳ありません、うまくいくつもりはないと思う、申し訳ありません。 –

関連する問題