angular에서 루트를 만드는 방법

1300 단어
angular에서 루트를 만드는 방법

방법 1

  • template.html
  • {{name}}
  • app.js
  • var Webmall = angular.module('Webmall', []);
    
    Webmall.config(['$routeProvider', function ($routeProvider) {
        $routeProvider.otherwise({redirectTo: '/home'});
    
        $routeProvider.when('/home', {
            templateUrl: 'views/home/template.html',
            //controller: HomeController
        });
    }]);
    
  • homeController.js
  • Webmall.controller('homeController', function ($scope) {
        $scope.name = 'kkkkk';
    });
    

    방법 2

  • template.html
  • {{name}}
  • app.js
  • var Webmall = angular.module('Webmall', []);
    
    Webmall.config(['$routeProvider', function ($routeProvider) {
        $routeProvider.otherwise({redirectTo: '/home'});
    
        $routeProvider.when('/home', {
            templateUrl: 'views/home/template.html',
            controller: HomeController
        });
    }]);
    
  • homeController.js
  • var HomeController = function ($scope) {
        $scope.name = 'kkkkk';
    };
    

    좋은 웹페이지 즐겨찾기