2016-12-19 4 views
0

私はこれまでにこの問題を抱えていたことはありませんでしたが、これはちょっとした問題だと知っています...しかし、何が間違っているのか分かりません...そうでなければ私の/ login(私が割り当てた)へ戻るルートをヒットします。 [調査を作成]リンクをクリックするたびに、私はログインに戻ります。URLにはhttp://localhost:3000/#!/login#%2Fcreateと表示されますが、URLにhttp://localhost:3000/#!/createと入力すると動作します。問題が何であるかは不明です。助けてください!角張っていない部分がうまくいない

var app = angular.module('myApp', ['ngRoute']); 
 

 
app.config(function($routeProvider){ 
 
\t $routeProvider 
 
\t .when('/login', { 
 
\t \t templateUrl: 'partials/login.html', 
 
\t \t controller: 'UserController' 
 
\t }) 
 
\t .when('/dashboard', { 
 
\t \t templateUrl: 'partials/dashboard.html', 
 
\t \t controller: 'SurveyController' 
 
\t }) 
 
\t .when('/create', { 
 
\t \t templateUrl: 'partials/create.html', 
 
\t \t controller: 'SurveyController' 
 
\t }) 
 
\t .when('/poll/:id', { 
 
\t \t templateUrl: 'partials/poll.html' 
 
\t }) 
 
\t .otherwise({ 
 
\t \t redirectTo: '/login' 
 
\t }); 
 
})
<!DOCTYPE html> 
 
<html> 
 
<head> 
 
\t <title>Survey Polls</title> 
 
\t <!-- CSS --> 
 
\t <link rel="stylesheet" href="bootstrap/dist/css/bootstrap.css"> 
 
    <link rel="stylesheet" type="text/css" href="styles.css"> \t 
 
\t <!-- Angular --> 
 
\t <script src="angular/angular.js"></script> 
 
\t <script src="angular-route/angular-route.js"></script> 
 
\t <!-- jQuery/Bootstrap --> 
 
\t <script src="jquery/dist/jquery.js"></script> 
 
\t <script src="bootstrap/dist/js/bootstrap.js"></script> 
 
\t <!-- App.js --> 
 
\t <script src="app.js"></script> 
 
\t <!-- Controllers/Factories --> 
 
\t <script src="controllers/SurveyController.js"></script> \t 
 
\t <script src="controllers/UserController.js"></script> 
 
\t <script src="factories/SurveyFactory.js"></script> 
 
\t <script src="factories/UserFactory.js"></script> 
 
</head> 
 
<body ng-app="myApp"> 
 
\t <div class="container"> 
 
\t \t <div ng-view></div> 
 
\t </div> 
 
</body> 
 
</html> 
 

 

 

 

 
<a href="#/create">Create a new survey</a> 
 

 
<h3>Current polls:</h3> 
 

 
<table border="1"> 
 
\t <thead> 
 
\t \t <tr> 
 
\t \t \t <th>Name</th> 
 
\t \t \t <th>Survey Question</th> 
 
\t \t \t <th>Date Posted</th> 
 
\t \t \t <th>Action</th> 
 
\t \t </tr> 
 
\t </thead> 
 
\t <tbody> 
 
\t \t <tr ng-repeat="s in surveys"> 
 
\t \t \t <td>{{ s._user.username }}</td> 
 
\t \t \t <td>{{ s.question }}</td> 
 
\t \t \t <td>{{ s.created_at }}</td> 
 
\t \t \t <td><button ng-show="loggedInUser._id == s._user._id" ng-click="delete(s._id)">Delete</button></td> 
 
\t \t </tr> 
 
\t </tbody> 
 
</table>

+0

作成していないものはどれですか? – Yaser

+0

はい、申し訳ありませんが私の投稿を編集しました。うわー! –

+0

どのようにして状態を作成するかを示しています...それをトリガーする関数。 – Thalaivar

答えて

0

だけのhrefの代わりに、NG-HREFを使用してみてください。 助けて欲しい

+0

そうでしょうCreate a new survey

+0

私はあなたのためのプランナーを持っています。リンクは正常に動作しますか?https://plnkr.co/edit/q4Bamm2was76KeBknkC7?p=preview –

+0

hrefを "#!/ create"に変更すると動作しますが、なぜ私のURLに "!"その中に? –

0

私は可能な解決策を見つけたhere。あなたの設定にこの行を追加して感嘆符(!)を取り除いてください:

$locationProvider.hashPrefix(''); 
+0

ありがとう! :) –

+0

喜んで助けた。 – Mickers

関連する問題