Посмотрел "лучшие практики angular", и там есть шаблон создания контроллера
Делаю по примеру:
(function (angular) {
angular
.module('test', []);
angular
.module('test')
.controller('countryCtrl', countryCtrl);
//countryCtrl.$inject = ['$scope'];
function countryCtrl() {
var vm = this;
vm.country = {
name: 'Ukraine',
area: '603 628',
population: '42 825 883',
capital: {
name: 'Kiev'
}
};
}
})(angular);
Верстка :
<div class="box" ng-controller="countryCtrl">
<h1 class="h1">Страна: {{this.country.name}}</h1>
<p>Площадь: {{this.country.area}}</p>
<p>Население: {{this.country.population}}</p>
<p>Столица: {{this.country.capital.name}}</p>
</div>
И ничего не выводится, что я не так делаю ? Спасибо.
ng-controller="countryCtrl as vm"
это не зря называется controller as syntax