Как я могу передать услугу стоимости компоненту?

Question

Я пытаюсь превратить директиву в компонент.

В приложении определена служба значений ('путь'), которая возвращает путь, который использовался для создания URL-адреса шаблона.С помощью директивы она может быть введена в функцию и затем использована для создания URL шаблона следующим образом:

.directive('myCustomer', [ 'path', function(path) {
  return {
    templateUrl: path + '/customer.html'
  };
}]);

Как я могу передать 'путь' к компоненту, где у меня есть объект вместо функции

Answer 1

Используйте это.

template: '<div ng-include="$ctrl.templateUrl">'

сохраните значение в templateUrl, используя привязку компонента.

Answer 2

app.component('myCustomer',  {
    template: `<div ng-include="$ctrl.templateUrl"></div>`,
    controller: ['path', function(path) {
        this.templateUrl = path + '/customer.html'
    }] 
});

Примечание: Поскольку компоненты используют изолированную область видимости, необходимо добавить соответствующие привязки как к компоненту, так и к HTML, где он создается.

Для получения дополнительной информации см. AngularJS Developer Guide - Архитектура приложений на основе компонентов .

Answer 3

Используйте привязки компонентов, чтобы использовать значение.См. Документы здесь

Спасибо, Ашиш