角度アプリをルーティングするためにui-routerを使用しています。私はルーティング設定を設定しましたが、コントローラを構文として使用したくありませんでした。私は、次の構文を使用しています:状態が変化しているときにコントローラがコールされていない
.state('blog',{
url: '/blog',
templateUrl: '/templates/blog.html',
controller: 'BlogController'
})
テンプレートは、私のUIビューに呼び出されているが、私はBlogControllerが呼び出されていないが。私はBlogControllerにconsole.log()を使用しましたが、コンソールには何も表示されませんでした。あなたが見ることができるようにここに私のBlogController.js
app.controller('BlogController', function($scope, PostService,){
console.log(0);
PostService.getPost().then(function(post){
$scope.postModel = post;
});
console.log(1);
});
で、私は、$ HTTPを使用してデータを呼び出すためにサービスを使用しています。以下は私の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;
});
};
});
これはサービスコールに関連する問題だと思います。私はui-routerのstateメソッドでresolveプロパティについての記事を読んでいます。私はそれを試みたが、何も働いていない。誰かが私を助けてこれを取り除くことができますか?あなたがメインでBlogController.jsを含めました場合
ていることを確認してください、
var app = angular.module('mySiteApp', [require('angular-ui-router')])
あるべき間違っていますhtmlファイルを作成し、それをモジュールとして登録しているかどうか確認してください。 – aliasav
require( './ BlogController')を使ってBlogControllerを追加しました。それは前もってうまく働いていた。しかし、ルーティング設定をngRouteからui-routerに変更したときに動作していません。 –
コントローラの宣言で 'trailing comma'を削除する' appController '、function($ scope、PostService){' – Sravan