Question

我是angularjs的新手并且正在尝试创建一个小的登录表单。我遇到的问题是，有时（是的，有时候）当我运行我的应用程序时，它会将我重定向到localhost / ?,显示项目文件夹中所有文件的列表，如下所示：

localhost - /

11/10/2015 12:55 7130 AngularJsPrueba.csproj

11/10/2015 12:55 1086 AngularJsPrueba.csproj.user

11/10/2015 13:10 bin

11/10/2015 10:44 16 dashboard.html

11/10/2015 13:10 769 login.html

11/10/2015 9:55 obj

11/10/2015 12:52 711 packages.config

11/10/2015 9:55属性

11/10/2015 12:52脚本

11/10/2015 11:37 813 Web.config

11/10/2015 9:55 1299 Web.Debug.config

11/10/2015 9:55 1360 Web.Release.config

您可能还想知道当我尝试从我的应用程序访问另一个页面时也会发生这种情况，您会看到更多。我的代码如下，对于html：

    <html ng-app="mainApp">
    <head>
        <title></title>
        <script src="Scripts/jquery-2.1.4.min.js"></script>
        <script src="Scripts/jquery-2.1.4.js"></script>
        <script src="Scripts/angular.js"></script>
        <script src="Scripts/angular-route.js"></script>
        <script src="Scripts/controller.js"></script>

    </head>
    <body>
        <div ng-controller="loginCtrl">
        <form action="/" id="myLogin">
        Username: <input type="text" id="username" ng-model="username"><br>
        Password: <input type="password" id="password"ng-model="password"><br>
        <button type="submit" ng-click="submit()">Login</button>
    </body>
</form>
</div>
    <script src="Scripts/angular.min.js"></script>
</html>

对于js：

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

app.config(function ($routeProvider) {
    $routeProvider
    .when('/', {
        templateUrl: 'login.html'
    })
    .otherwise({
        redirectTo: 'dashboard.html'
    })
});

app.controller('loginCtrl', function ($scope, $location) {
    $scope.submit = function () {
        var uname = $scope.username;
        var password = $scope.password;
        if ($scope.username == 'admin' && $scope.password == 'admin') {

        $location.path('/dashboard');

    } else
    {
        alert('wrong stuff');
    }

};
});

您可能有用的其他一些数据是我有iis运行，脚本称为controller.js，html是login.html，因为您可能已经想到了。非常感谢您的时间和帮助!!

Answer 1

在表单标签上使用ng-submit（并从按钮中删除ng-click），并在底部删除重复包含的角度脚本（在/ html标记之前）

重定向到localhost /？当使用angularjs时

1 个答案: