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

Der Js-Code unten läuft nicht, nachdem ich ui Router hinzugefügt habe.angular-ui Router mit eckigen js geben isundefined Fehler

Kann jemand meinen Code ansehen und erklären, was das Problem sein könnte?

Ich überprüft auch Skript-Referenz und sie sind korrekt. Seite funktionierte gut, bis ich UI-Router hinzugefügt habe.

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

sicher, Sie haben von 'ui-router' hinzugefügt Verweisung nach' angular.js' & dann '.state (' ""', {' sollte Veränderung zu '.state (" ", {' –

+0

Nach Ihrem $ scope.posts = []; Sie schließen den Controller nicht, und Sie beginnen sofort mit der app.config. Ist das der Code oder nur? Snippets, die Sie dort hingestellt haben? – rrd

+0

Sorry, aber das ist nicht der Konsolenfehler –

Antwort

0

Sie Syntaxfehler haben, können Sie noch einmal verdoppeln Sie Code überprüfen.

Code Sie sollten wie:

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 
... 
Verwandte Themen