2016-03-22 17 views
0

Böyle bir ana sayfası vardır:Olası yükleme AJAX ile birlikte açısal js sayfası?

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

Ve 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> 

ama ajax tarafından yükleme her zaman söylediği sonra "açısal tanımlı değil"

index.html olan Bunu yapmanın herhangi bir yolu var mı?

cevap

0

Öncelikle, angular'ın $ http hizmetini kullanabilmeniz için AJAX için jQuery kullanmanıza gerek yok. Bazı koşullara bağlı olarak tüm html dosyasını yüklemek isterseniz, bir yönerge veya açısal yönlendirme kullanabilirsiniz.

Bence bu şekilde yapmayı denemek yanlıştır, neyi başarmaya çalışıyorsunuz?

Açılı tanımlı olmamakla ilgili sorununuzun, bu HTML'yi eklemeye çalıştığınız sayfaya <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script> koymadığınızdan kaynaklandığından eminim.

+0

Cevabınız için teşekkürler! Aslında index.html sayfası kendim değil ve bir .jm dosyası benim sayfamda yer alıyor ve içeriğin bu kısmı da dinamik olarak, yani "index.html" gibi bir ajax işlevi yükleme içeriği çağırıyor. – protoss

+0

Bunun işe yaramayacağından emin değilim, başka önerileriniz yok, üzgünüm. –