2016-06-24 11 views
0

Ich versuche, ein Portfolio in eckigen zu erstellen, und kann nicht scheinen, das Routing richtig zu bekommen. Ich habe das mit einer App überprüft, die ich zuvor erstellt hatte, und kann scheinbar nichts finden. Beim Kompilieren werden keine Fehler in der Konsole protokolliert. Könnte jemand überprüfen, ob mein Code richtig angelegt ist?Brauchen Sie Hilfe Überprüfung über eckigen UI-Router-Code

die HTML

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="UTF-8"> 
    <title>my portfolio</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" type="text/css" href="stylesheet.css"> 

    <!-- <link href="https://fonts.googleapis.com/css?family=Titillium+Web:300' rel='stylesheet' type='text/css"> --> 
    </head> 

    <body np-app="myPort"> 
    <div id="navigation-bar"> 
     <ul> 
     <li><a href="#/home">Home</a></li> 
     <li><a href="#/projects">My Projects</a></li> 
     <li><a href="#/contact">Contact</a></li> 
     </ul> 
    </div> 

    <div ui-view></div> 

    <!-- loading angular frameworks --> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> 
    <script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script> 
    <script src="bower_components/jquery/dist/jquery.js"></script> 
    <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script> 
    <!-- app js stuff --> 
    <script src="app.js"></script> 
    </body> 
</html> 

das Modul

+0

können Sie eine plnkr erstellen – Rakeschand

+0

Welches Problem haben Sie mit ihm genau zu haben? – Und3rTow

+0

jquery.js sollte über angularjs sein, wenn das einen Unterschied macht. – Rakeschand

Antwort

1

Es ist ein Schreibfehler während ng-app definieren.

ändern <body np-app="myPort>"-<body ng-app="myPort>"

+0

Das hat den Trick! Nicht sicher, wie ich so etwas verpasst haben könnte: – Allen

+0

'p' und' g' sieht ähnlich aus :) – prashkr