ng-повторный переход к компоненту

Question

Привет, я очень новичок в веб-разработке angularjs с машинописью и действительно застрял с проблемой.Я не думаю, что это должно быть трудной проблемой, но я потратил на это два дня.

Я пытаюсь выяснить, как я могу передать значение ng-repeat из списка дочернему компоненту, когда онсоздается или инициируется.

Что я имею в виду, если у меня есть список ([1, 2, 3, 4]) из родительского компонента, который используется для создания 4 дочерних компонентов, есть ли способ для каждогодочерних компонентов для присвоения переменной «id» значению, связанному со значением повторения.

например

<span ng-repeat=variable in list>
    <child-tag></child-tag>
</span>

Можно ли как-то передать переменную в конструктор компонента из тегов или что-то еще?

Просто повторюсь, я закодировал это, используя типскрипт с angularjs не angularjs 2.

Заранее благодарим за помощь.И заранее извините за то, что это, вероятно, очень простой ответ, но не могу найти его где-либо.

Answer 1

Вы можете передать данные от родительского к дочернему компоненту, используя Input. Входы должны использовать привязки < и @. Символ < обозначает односторонние привязки, доступные начиная с версии 1.5.

=: Двухстороннее связывание. Он использует грязную проверку и может вызвать задержку. Он также отслеживает связанные свойства в области видимости компонента.

Так что, если вам нужно передать некоторые данные дочернему компоненту, вам нужно привязать к нему некоторое значение атрибута. Пример:

<span ng-repeat="variable in list">
  <child-tag variable-name="variable.name" ></child-tag>
</span>

Внутри объявления вашего дочернего компонента свяжите эти значения, чтобы вы могли получить к ним доступ:

angular.module('myApp', []).component('childComponent', {
        bindings: {
           variableName: '<'
        },
   controller: ....

Вы можете получить доступ к этим значениям внутри класса компонентов, используя: this.variableName

Вы можете выбрать привязку одним или двумя способами, если необходимо, и можете передать столько объектов / атрибутов потомку, сколько захотите.