Angularjs 角形转弯路线
我试图在下面设置这些路由,但当我测试它们不工作时,请有人帮助我。当我点击下面的任何链接时,它们都不起作用Angularjs 角形转弯路线,angularjs,ngroute,Angularjs,Ngroute,我试图在下面设置这些路由,但当我测试它们不工作时,请有人帮助我。当我点击下面的任何链接时,它们都不起作用 'use strict' var myApp = angular.module("myApp", ["ngRoute", 'firebase']); myApp.constant('FIREBASE_URL', 'myfirebase Url' ); myApp.config(['$routeProvider','$locationProvider', function($route
'use strict'
var myApp = angular.module("myApp", ["ngRoute", 'firebase']);
myApp.constant('FIREBASE_URL', 'myfirebase Url' );
myApp.config(['$routeProvider','$locationProvider', function($routeProvider, $locationProvider){
$routeProvider
.when('/',
{templateUrl:'partials/home.html',
controller: 'mainController'
})
.when('/login', {
templateUrl:'partials/login.html',
controller: 'loginSignupController'
})
.when('/signup', {
templateUrl:'partials/signup.html',
controller:'loginSignupController'
} )
.when('/dash', {
templateUrl:'partials/dashboard.html',
controller:'mainController'
} ).
otherwise({
redirectTo:'/'
});
$locationProvider.html5Mode(true);
}]);
</div>
<button class="ui button" type="submit">Login</button>
</form>
Signup.html
<h1>Welcome to Signup</h1>
<a class="" ng-href="/">Go Home</a>
<form class="ui form">
<div class="field">
<label>Username </label>
<input type="text" name="username" placeholder="Username">
</div>
<div class="field">
<label>Password</label>
<input type="password" name="username" placeholder="password">
</div>
<button class="ui button" type="submit" ng-submit="">Signup</button>
</form>
</div>
<button class="ui button" type="submit">Login</button>
</form>
欢迎注册
用户名
密码
报名
login.html
这是登录页面
回家吧
用户名
密码
</div>
<button class="ui button" type="submit">Login</button>
</form>
登录
home.html
</div>
<button class="ui button" type="submit">Login</button>
</form>
<div class="ui container">
<div class="ui large secondary inverted pointing menu">
<a class="toc item">
<i class="sidebar icon"></i>
</a>
<a class="active item">Home</a>
<a class="item">About Us</a>
<a class="item">Send</a>
<a class="item">Request</a>
<a class="item">How it Works</a>
<div class="right item">
<a class="ui inverted button" ng-href="partials/login">Log in</a>
<a class="ui inverted button" ng-href="partials/signup">Sign Up</a>
</div>
</div>
</div>
<a href="#/dashboard">
home.html
</div>
<button class="ui button" type="submit">Login</button>
</form>
<div class="ui container">
<div class="ui large secondary inverted pointing menu">
<a class="toc item">
<i class="sidebar icon"></i>
</a>
<a class="active item">Home</a>
<a class="item">About Us</a>
<a class="item">Send</a>
<a class="item">Request</a>
<a class="item">How it Works</a>
<div class="right item">
<a class="ui inverted button" ng-href="partials/login">Log in</a>
<a class="ui inverted button" ng-href="partials/signup">Sign Up</a>
</div>
</div>
</div>
<a href="#/dashboard">
您是否在html中引用了角度和角度路由?您在index.html
上有ng视图
?为什么尝试重定向到ng href=“partials/login”
?路由路径为/login,因此将其更改为ng href=“/login”
(对其他链接执行相同操作)ng href
s应指向您所做路由的名称。所以它应该是ng href=“login”
和ng href=“signup”
lol@AlonEitan伟大的头脑认为alike为什么使用另一个第三方路由库是一个解决方案?这是另一种选择,但我认为它不能回答这个问题。