Question

我正在学习Angular Js here

的基础教程

简而言之，我正在创建一个主页面（index.html）和另一个页面（login.html）。我写了基本的html但是例如我会分享影响Angular的重要行。

app.js

var app = angular.module("app", []).config(function($routeProvider){
$routeProvider.when('/login', {
    templateUrl: 'login.html',
    controller: 'LoginController'
 });


$routeProvider.otherwise({redirectTo : '/login'});

});

 app.controller('LoginController', function(){
      // To be left blank at the moment.
});

的login.html

<div id="login" class="row">
<div class="large-3 large-offset-3">
    <form>
        <fieldset class="radius">
            <div class="row">
                <div class="large-6 columns">
                    <input type="text" name="username" placeholder="username">
                </div>
                <div class="large-6 columns">
                    <input type="password" name="username" placeholder="password">
                </div>
            </div>
            <div class="row">
                <div class="large-12 columns">
                    <button type="submit" class="button large expand radius">Log In</button>
                </div>
            </div>
        </fieldset>
    </form>
</div>

的index.html

<div class="row">
    <div class="large-12">
        <h1> Introduction to Angular Js</h1>
        <div id="view" ng-view></div>
    </div>
</div>

注意：当我尝试打开localhost / angular时，它会向我显示index.html，当我尝试执行localhost / angular / login时，它会显示＆＃34; 404 Not Found＆＃34;

Answer 1

尝试访问url：localhost / angular /＃/ login

Answer 2

在你的模块

中添加文件angular.route.js

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

并且不要忘记它，它可能很有用

$routeProvider.otherwise({ redirectTo: '/' });

Angular routeProvider不工作

2 个答案: