2016-04-15 12 views
0
<div class="col-md-6 col-md-offset-3"> 
     <ui-view=""></ui-view> 
</div> 

uiルーターを追加した後、以下のjsコードが実行されていません。angular-ui角度のついたルーターを持つルーター

誰でも自分のコードを見て、問題の原因を説明できますか?

スクリプトリファレンスもチェックしてあり、正しいものです。私はUIルータを追加するまで、ページは正常に動作していた。

app.controller('SampleCtrl', [ 
'$scope', 
function($scope){ 
$scope.test = 'Hello world!'; 

$scope.posts = [ 
{title: 'post 1', upvotes: 5}, 
{title: 'post 2', upvotes: 2}, 
{title: 'post 3', upvotes: 15}, 
{title: 'post 4', upvotes: 9}, 
{title: 'post 5', upvotes: 4} 
]; 
app.config([ 
'$stateProvider', 
'$urlRouterProvider', 
function($stateProvider, $urlRouterProvider) { 
$urlRouterProvider.when("", "./Views/home"); 
$stateProvider 
.state('""', { 
    name: 'home', 
    url: './Views/home', 
    templateUrl: './Views/home.html', 
    controller: 'SampleCtrl' 
    }); 

$urlRouterProvider.otherwise('home'); 
}]); 

Error showing in COnsole

+1

あなたのコードは次のようにする必要があります.state( ""、{' –

+0

$ scope.posts = [];の後にコントローラを閉じずにすぐにapp.configを開始します。あなたがそこに置いたスニペットですか? – rrd

+0

申し訳ありませんが、それはコンソールエラーではありません –

答えて

0

あなたは構文エラーを持って、もう一度コードをダブルチェックしてください。あなたはその後、angular.js`& `.state( ' ""'` `後UI-router`の参照を追加したことを確認し、{`変更する必要があります

app.controller('SampleCtrl', [ 
'$scope', 
function($scope){ 
$scope.test = 'Hello world!'; 

$scope.posts = [ 
{title: 'post 1', upvotes: 5}, 
{title: 'post 2', upvotes: 2}, 
{title: 'post 3', upvotes: 15}, 
{title: 'post 4', upvotes: 9}, 
{title: 'post 5', upvotes: 4} 
]; 
}]); <-- miss this close 
... 
関連する問題