Как я могу устранить необходимость использования $ scope с ui-router и сервисами?

Question

Как я могу устранить необходимость использования $ scope с ui-router и сервисами?

0

Конфигурация ui-router выглядит так:

    var homeAccess = {
        name: 'home.access',
        url: 'Access',
        templateUrl: 'app/access/partials/webapi.html',
        controller: [
                '$scope', 
                'accessService', 
                'testService'   
            function (
                $scope, 
                accessService: IAccessService
                testService: ITestService) {
            $scope.ac = accessService;
            $scope.ts = testService;
        }]
    };

В моем HTML я затем использую accessService и testSaervice следующим образом:

<input ng-model="ac.statusText" />
<input ng-model="ts.Text" />

Насколько я понимаю, было бы лучше, если бы я не использовал $ scope. Так может кто-нибудь сказать мне, как я мог бы реализовать это, не используя $ scope?

Phil 30 сен. 2015, в 08:50

Источник

1

Как вы думаете, почему было бы плохо использовать $scope ?
Phil 30 сен. 2015, в 06:06
1

Как вы думаете, почему это будет лучше? Конечно, статьи, которые вы читали, говорят вам, чтобы избежать области действия, объясняют, какова альтернатива. Вы пробовали что-нибудь? Что бы я изменил в вашем коде: 1. определить контроллер в конфигурации маршрутизатора, вместо того, чтобы объявлять его снаружи, в своем собственном файле; 2. сохранить модель формы в сервисе Singleton.
JB Nizet 30 сен. 2015, в 06:06
1

К сведению, значения url конфигурации состояния всегда должны начинаться с косой черты
Phil 30 сен. 2015, в 06:14
0

@Phil - Спасибо за совет по поводу URL
user1464139 30 сен. 2015, в 06:25
0

@JBNizet - Что вы подразумеваете под определением контроллера в конфигурации маршрутизатора. Разве я не делаю этого в своем коде? Моя причина думать, что я не должен использовать $ scope, возникла после прослушивания лекций AngularJS 2, в которых упоминалось не использовать $ scope.
user1464139 30 сен. 2015, в 06:27
0

Допустим, у вас есть 20 маршрутов (приложение среднего размера), каждый с контроллером на 100 линий. Это быстро сделает ваш код неуправляемым. Определите контроллер в его собственном файле, дайте ему имя и передайте имя контроллера в маршрут.
JB Nizet 30 сен. 2015, в 06:42

Показать ещё 4 комментария

Теги:

angularjs

1 ответ

Ещё вопросы

Как вы думаете, почему было бы плохо использовать $scope ?
Как вы думаете, почему это будет лучше? Конечно, статьи, которые вы читали, говорят вам, чтобы избежать области действия, объясняют, какова альтернатива. Вы пробовали что-нибудь? Что бы я изменил в вашем коде: 1. определить контроллер в конфигурации маршрутизатора, вместо того, чтобы объявлять его снаружи, в своем собственном файле; 2. сохранить модель формы в сервисе Singleton.
К сведению, значения url конфигурации состояния всегда должны начинаться с косой черты
@Phil - Спасибо за совет по поводу URL
@JBNizet - Что вы подразумеваете под определением контроллера в конфигурации маршрутизатора. Разве я не делаю этого в своем коде? Моя причина думать, что я не должен использовать $ scope, возникла после прослушивания лекций AngularJS 2, в которых упоминалось не использовать $ scope.
Допустим, у вас есть 20 маршрутов (приложение среднего размера), каждый с контроллером на 100 линий. Это быстро сделает ваш код неуправляемым. Определите контроллер в его собственном файле, дайте ему имя и передайте имя контроллера в маршрут.

Phil · Accepted Answer · 2015-09-30T03-44-00.000Z

Я действительно не вижу смысла, если у вас нет законных причин для исключения $scope (см. AngularJS - Зачем использовать "Контроллер как vm"?). При этом вы всегда можете использовать контроллер как выражение...

controller: ['accessService', 'testService', function(accessService, testService) {
    this.ac = accessService;
    this.ts = testService;
}],
controllerAs: 'homeAccess' // or whatever you want to call it

и в вашем шаблоне

<input ng-model="homeAccess.ac.statusText">
<input ng-model="homeAccess.ts.Text">

Имейте в виду, что это все еще использует область видимости, связывая экземпляр вашего контроллера с $scope как выражение controllerAs.

Спасибо за Ваш ответ. Я думал не использовать $ scope после прослушивания презентаций AngularJS 2. Не лучше ли в это время подготовиться к 2, не используя $ scope?
@Anne Если вы на самом деле не используете Angular 2, я бы об этом не беспокоился. Следующая версия - это фундаментальное изменение, я сомневаюсь, что в любом случае будет какая-то простая стратегия миграции, особенно при использовании сторонних инструментов, таких как ui-router