2016-10-25 2 views
0

각도 앱 라우팅에 ui-router를 사용하고 있습니다. 라우팅 구성을 설정했지만 컨트롤러를 구문으로 사용하지 않으려했습니다. 다음 구문을 사용하고 있습니다.컨트롤러가 상태가 변경 될 때 전화를받지 않습니다.

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

템플릿은 내 ui-view로 호출되지만 BlogController는 호출되지 않습니다. 내 BlogController에 console.log()를 사용했지만 콘솔에 아무것도 표시되지 않았습니다. 여기 내 BlogController.js입니다

제가 알 수있는 것처럼, 서비스를 사용하여 $ 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의 상태 메서드에서 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 ('BlogController', 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

유형 오류입니다. 내 콘솔에 어떤 오류도 없다. –

관련 문제