Компонент AngularJS: как избежать наблюдателей за неиспользованными привязками

Question

У меня есть компонент, повторяющийся довольно много раз, и я хотел бы избежать чрезмерного просмотра.

  angular
    .module('myModule')
    .component('component', {
      template: '',
      bindings: {
        code: '@',
        problemBinding: '<',
      },
      controller: componentController,
    });

Кажется, что каждая привязка < создает наблюдателя, несмотря на то, что большинство компонентов не используетproblem-binding аргумент в HTML.Это продемонстрировано в этом plunkr , где каждая новая < привязка создает столько наблюдателей, сколько повторяется компонент.

Есть ли способ использовать problemBinding, чтобы он создавал наблюдатель для компонента тогда и только тогда, когда используется аргумент?

Answer 1

Если большинство ваших компонентов не используют 'problemBinding', сделайте его необязательным, в противном случае он создаст отслеживание этой привязки, несмотря на использование. Может ссылаться на угловые документы.

Answer 2

  angular
    .module('myModule')
    .component('component', {
      template: '',
      bindings: {
        code: '@',
        problemBinding: '<?',
      },
      controller: componentController,
    });

Все 4 вида привязок (@, =, < и &) можно сделать необязательными, добавив ? к выражению. Маркер должен стоять после режима и перед именем атрибута.

Для получения дополнительной информации см.

• Справочник по API AngularJS - область действия