Controller bekommt keinen Anruf, wenn sein Zustand sich ändert

Question

Ich benutze Ui-Router zum Routing meiner eckigen App. Ich habe die Routing-Konfiguration eingestellt, wollte aber den Controller nicht als Syntax verwenden. Ich verwende folgende Syntax:

.state('blog',{ 
     url: '/blog', 
     templateUrl: '/templates/blog.html', 
     controller: 'BlogController' 
    }) 

jedoch die Vorlage in meine ui-Ansicht aufgerufen wird, aber ich BlogController nicht genannt zu werden. Ich habe console.log() in meinem BlogController verwendet, aber in meiner Konsole habe ich nichts gesehen. Hier ist mein BlogController.js

Wie Sie sehen können, verwende ich einen Service, um Daten mit $ http aufrufen. Unten ist mein PostService:

app.service('PostService', function ($http) { 

this.getPost = function() { 
    return $http({ 
     method : 'GET', 
     url : 'http://domain.com/wp-json/wp/v2/posts' 
    }) 
    .then(function(response){ 
     return response.data; 
    }, function(error){ 
     return error; 
    }); 
}; 
}); 

Ich denke, das ist das Problem im Zusammenhang mit dem Service-Aufruf. Ich habe einen Beitrag über die Auflösung der Eigenschaft in State-Methode von UI-Router gelesen. Ich habe das versucht, aber nichts hat funktioniert. Kann mir bitte jemand helfen, mich davon zu befreien?

Answer 1

Die Erklärung des ui-router module ist falsch

var app = angular.module('mySiteApp', [require('angular-ui-router')])

sein sollte,

var app = angular.module('mySiteApp', ['ui.router'])

Check this link for cors errors