2016-10-25 6 views
0

角度アプリをルーティングするために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を含めました場合

+0

ていることを確認してください、

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

あるべき間違っていますhtmlファイルを作成し、それをモジュールとして登録しているかどうか確認してください。 – aliasav

+0

require( './ BlogController')を使ってBlogControllerを追加しました。それは前もってうまく働いていた。しかし、ルーティング設定をngRouteからui-routerに変更したときに動作していません。 –

+0

コントローラの宣言で 'trailing comma'を削除する' appController '、function($ scope、PostService){' – Sravan

答えて

0

ui-router moduleの宣言は

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

Check this link for cors errors

+0

あなたが正しいです、末尾のカンマはエラーですが、OPはこれを見ていないので、ファイルはすべて – aliasav

+0

に含まれていない可能性があります。 – Sravan

+0

これは型エラーです。私は自分のコンソールに何のエラーもありません。 –

関連する問題