Угловой контроллер ссылок из html без $ scope

Question

Угловой контроллер ссылок из html без $ scope

0

Я работаю с новым угловым, и, как мне сказали, я избавляюсь от объекта $ scope.

Поэтому, когда я ссылаюсь на свой контроллер со страницы html, я ссылаюсь на него с помощью псевдонима:

<div ng-controller="MyController as ctrl">
    <p>{{ ctrl.Hello }}</p>
</div>

Мой вопрос: когда я использую маршруты, и я объявляю один из моих маршрутов:

$stateProvider.state('myPage', {
  url: "/myPage",
  templateUrl: "./views/myPage.html",
  controller: 'MyController'
  })

Каким образом можно ссылаться на контроллер в таком случае без использования $ scope?

Pavel Durov 28 дек. 2015, в 16:21

Источник

3

controller: 'MyController as myCtrl'
tymeJV 28 дек. 2015, в 15:05

Теги:

scope

html

angularjs

alias

2 ответа

1

Используйте ваш контроллер с синтаксисом "контроллер как" и переменной vm:

function MyController() {
    // VM represents the Views Model (aka ViewModel)
    var vm = this;

   // exports
   vm.item = "Test item";

   return vm;
}

Создайте контроллер без $ scope.
Назначьте this локальной переменной. Я предпочел имя переменной как vm, вы можете выбрать любое имя по вашему выбору.
Присоедините данные и поведение к переменной vm.
В view укажите псевдоним контроллера с помощью контроллера в качестве синтаксиса.
Вы можете указать имя псевдонима. Я предпочитаю использовать vm, если Im не работает с вложенными контроллерами.

Andrii 28 дек. 2015, в 13:49

Ещё вопросы

Gonzalo Pincheira Arancibia · Accepted Answer · 2015-12-28T12-21-00.000Z

ui-router поддерживает controllerAs с собственностью.

$stateProvider.state('myPage', {
  url: "/myPage",
  templateUrl: "./views/myPage.html",
  controller: 'MyController',
  controllerAs: 'ctrl'
})

Дополнительная информация https://github.com/angular-ui/ui-router/wiki

Если вы используете строку, вы также можете использовать controller: 'MyController as ctrl'