Valentjs vs AngularJS

angularjs-controller.js

angular.module('example').controller('home', ['$scope', function($scope) {
  $scope.name = 'home';
});

angular.module('example').config(['$routeProvider', function($routeProvider) {
  $routeProvider.when('/home', {
    controller: 'home',
    template: '<div> {{ name }} </div>'
  });
}]);

valentjs-controller-with-separated-route.js

class HomeController {
  name = 'home';
  
  constructor() {
    
  }
}

valent.controller('home', HomeController);
valent.route('home', '/home', {
  template: '<div> {{ controller.name }} </div>'
});

valentjs-controller.js

class HomeController {
  name = 'home';
  
  constructor() {
    
  }
}

valent.controller('home', HomeController, {
  url: '/home',
  template: '<div> {{ controller.name }} </div>'
});