AngularJS - дочерний компонент не обновляет данные родительского компонента

Question

Я пишу приложение с AngularJS 1.5.3

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

Вот моя скрипка: https://jsfiddle.net/aubz88/ab85L19c/

Вот пример кода:

var grandChildComponent = {
  bindings: {
    min: '<',
    max: '<'
  },
    template: `
    <div>
      Grand Child component
      <input ng-model="$ctrl.min" />
      <input ng-model="$ctrl.max" />
    </div>
  `
};

Answer 1

Это может быть потому, что вы используете односторонние привязки ( Справочные документы здесь и полезную статью здесь ).

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

Вот работающий JSFiddle

Например,

var grandChildComponent = {
    bindings: {
        min: '=',
        max: '='
    },
    template: `
        <div>
            Grand Child component
            <input ng-model="$ctrl.min" />
            <input ng-model="$ctrl.max" />
        </div>
    `
};