2016-12-19 118 views
0

我从来没有遇到过这个问题,我知道这是一个小问题......但我似乎无法弄清楚什么是错误的......我的部分1没有正确加载,而是它击中否则路线回到我的/登录(我分配)。 每当我点击创建一个调查链接,它会将我重定向回登录名,并且URL显示这个http://localhost:3000/#!/login#%2Fcreate,但是当我将http://localhost:3000/#!/create放入其工作的URL中时。不太清楚问题是什么。请帮忙!角度部分不工作

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

尝试使用NG-的href,而不是仅仅HREF。 希望有帮助

+0

所以它会是Create a new survey

+0

我已经为你创造了一个蹲点,只是一个简单的和链接工作正常请看看https://plnkr.co/edit/q4Bamm2was76KeBknkC7?p=preview –

+0

它工作时,我改变了一个href为“#!/创建”,但为什么我的网址有“!”在里面? –

0

我发现了一个可能的解决方案here。添加此行到您的配置摆脱感叹号(!):

$locationProvider.hashPrefix(''); 
+0

非常感谢! :) –

+0

很高兴帮助。 – Mickers