Javascript Spring boot angularJS应用程序JAVA JS_Javascript_Java_Angularjs_Spring

Javascript Spring boot angularJS应用程序JAVA JS

javascript java angularjs spring

Javascript Spring boot angularJS应用程序JAVA JS,javascript,java,angularjs,spring,Javascript,Java,Angularjs,Spring,我在学习angularjs时写了一些代码。我制作了一个资源文件，从后端和一个控制器获取rest调用，在这里我调用这个函数，但我不知道如何调用index.html文件中的控制器控制器 (function () { 'use strict'; angular.module('carApp').controller('HomeController', HomeController); HomeController.$i

我在学习angularjs时写了一些代码。我制作了一个资源文件，从后端和一个控制器获取rest调用，在这里我调用这个函数，但我不知道如何调用index.html文件中的控制器

控制器

   (function () {
        'use strict';

        angular.module('carApp').controller('HomeController',
            HomeController);

        HomeController.$inject = ['$rootScope', '$scope', 'HomeResourceService'];

        function HomeController($rootScope, $scope, HomeResourceService) {

            var vm = this;

             function loadTestData(key, value) {
                vm.test = undefined;

                return HomeResourceService.getTestData(key,
                    value).then(function (response) {
                    vm.test = response.data;
                }).catch(function () {
                    console.log('Error when try to get test data!');
                });
            }
        }
    })();

index.html

<!DOCTYPE html>
    <html lang="en" xmlns="http://www.w3.org/1999/html">
    <head>
        <meta charset="UTF-8">
        <title>SCARS HOME</title>
    </head>
    <body ng-app="carApp">

    <script
            src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.js">

    </script>
    <script src="app/app.js"></script>
    <script src="app/home/home-resource.js"></script>
    <script src="app/home/home-controller.js"></script>
    </body>
    </html>

您可以使用带有控制器名称的ng controller使用所有控制器。在您的情况下，它是HomeController

例如：如果您有一些登录页面，并且您想在登录页面中调用loginController，您可以像下面的代码片段那样调用它

<div ng-controller="LoginController as login" class="col-xs-12 loginForm">
    <div class="center-deck">

    </div>
</div>

它展示了如何在项目中实现登录调用功能

<div ng-controller="LoginController as login" class="col-xs-12 loginForm">
    <div class="center-deck">

    </div>
</div>

(function() {
"use strict";
angular.module("login").controller("LoginController", LoginController);

LoginController.$inject = ["$location",'$rootScope', '$window', '$scope'];

function LoginController($location, $rootScope, $window, $scope) {
    var _this = this;
    $rootScope.showHeader = false;
    $scope.loginError = false;
    _this.authenticate = authenticate;

    function authenticate() {
        if($scope.login.username === "mail id" && $scope.login.password === "your password") {
            $location.path('/dashboard');
            $scope.loginError = false;
        } else {
            $scope.loginError = true;
            $location.path("/login");
        }
    }
}
})();