控制器中未調用AngularJS函數

Question

我試圖了解為什么未調用在AngularJS項目的控制器中定義的函數的一個小時。

app.js

angular.module('SupplierPortal', ['ngRoute', 'ngResource']);

userLoginController.js

angular.module('SupplierPortal').controller('UserLoginController', function($scope, $location) {
  $scope.text = "Hi";

  $scope.login = function() {
    console.log('It doesn't show this');
    $location.path(/admin);
  }
});

的login.html

<div class="container">
<div class="row">
    <div class="col-sm-6 col-md-4 col-md-offset-4">
        <div class="account-wall">
            <img class="profile-img" src="https://lh5.googleusercontent.com/-b0-k99FZlyE/AAAAAAAAAAI/AAAAAAAAAAA/eu7opA4byxI/photo.jpg?sz=120"
                alt="">
            <form class="form-signin">
              <input type="text" class="form-control" placeholder="Username" required autofocus>
              <input type="password" class="form-control" placeholder="Password" required>
              <input class="btn btn-lg btn-primary btn-block" type="submit" ng-click="login()" value="Login">
            </form>
        </div>
    </div>
</div>

routes.js

angular.module('SupplierPortal').config(function($routeProvider) {
$routeProvider
.when("/", {
    templateUrl: "assets/templates/users/login.html",
    controller: "UserLoginController"
})
.when("/admin/", {
  templateUrl: "assets/templates/users/index_admin.html"
})
.otherwise({
  redirectTo:'/'
});

}）;

的index.html

<!DOCTYPE html>
<html ng-app="SupplierPortal">
<head>
<meta charset="utf-8">
<title>Login</title>
<link rel="stylesheet" href="assets/styles/style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
</head>
<body>

<div ng-view class="container"></div>

<!-- SCRIPTS -->

<!-- Vendor -->
<script src="assets/javascript/vendor/angular.min.js"></script>
<script src="assets/javascript/vendor/angular-route.min.js"></script>
<script src="assets/javascript/vendor/angular-resource.min.js"></script>
<script src="assets/javascript/vendor/jquery-3.2.0.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<!-- App -->
<script src="assets/javascript/app.js"></script>
<script src="assets/javascript/routes.js"></script>

<!-- Controllers -->
<script src="assets/javascript/controllers/users/userLoginController.js"></script>

<!-- Services -->
<script src="assets/javascript/services/user.js"></script>

它不會在控制台中顯示文本，當然也不會轉到/ admin /路徑。

感謝大家會盡力幫助我！

Answer 1

修復以下行：

console.log('It doesn't show this');

該字符串在句子的中間以“'”結尾，因為您使用了“不”。 在“不”字詞上使用“或不使用”

控制器中未調用AngularJS函數

問題描述

1 個解決方案

解決方案1
0 2017-04-07 21:45:34

控制器中未調用AngularJS函數

問題描述

1 個解決方案

解決方案1 0 2017-04-07 21:45:34

解決方案1
0 2017-04-07 21:45:34