my ng-include çalışmıyor

AngularJS'de yeni. Ben ng-include kullanmaya çalışıyorum ama başvurulan html dosyalarını göstermiyor.my ng-include çalışmıyor

app.js

var app = angular.module('myApp', []); 

    app.controller('mainCtrl', [$scope, function($scope) 
    { 
     $scope.templateID = 'testing1.html'; 

     $scope.changeTemplateID = function($scope){ 
      $scope.templateID = 'testing2.html'; 
     } 

    }]);

index.html dosyasını kod

<!DOCTYPE html> 
<html ng-app="myApp"> 

    <head> 
    <script data-require="[email protected]" data-semver="1.5.0" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular.js"></script> 
    <link href="style.css" rel="stylesheet" /> 
    <script src="script.js"></script> 
    </head> 

    <body ng-controller="mainCtrl"> 
    <ng-include src="templateID"></ng-include> 
    <h1>Hello Plunker!</h1> 

    <p ng-click="changeTemplateID()">next</p> 
    </body> 

</html>

kök dizininde iki html dosyası vardır. Bunlar testing1.html ve testing2.html olarak adlandırılır. Hatta doğrudan ng-include içinde "'test1.html'" gibi yönlendirmeye çalıştım.

fakat başarı yok. Herhangi bir yardım? sizin JS kodu

kaynak

2016-03-30 forethought

İki hataları: inceleme için

var app = angular.module('myApp', []); 
    //       vvvvvvvv must be a string 
    app.controller('mainCtrl', ['$scope', function($scope) 
    { 
     $scope.templateID = 'testing1.html'; 

     // you don't need to pass $scope here: 
     $scope.changeTemplateID = function(){ 
      $scope.templateID = 'testing2.html'; 
     } 

    }]);

Plunker.

kaynak

2016-03-30 18:22:08 Wainage

Hiçbir başarı hala :( – forethought

Ben kodu güncellendi. Sen changeTemplateID parametre olarak $ kapsama sahip, ip gibi ['$scope' olmalıdır. Don' t gerekir ... $ kapsam zaten, er, kapsamı vardır.Kapatıldıysanız plunkr kontrol edin. – Wainage

Lütfen bu https://plnkr.co/edit/HKd1XCZzBXjcaUkSEvzt?p=preview kontrol edin – forethought

app.controller('mainCtrl', [$scope, function($scope)... Sizin [$scope değiştirmek ve iyi olacak)

kaynak

2016-03-30 18:26:46 lomboboo

Değiştirildi \t Hala başarı yok :( – forethought

Çalışmalı mı, tarayıcı konsolunda herhangi bir hata var mı? – lomboboo

my ng-include çalışmıyor

cevap

İlgili konular