0

Рассмотрит упрощенный Угловой компонент 1.5.x (все в jsfiddle):'&' метода в маршрутизируемом компоненте

appModule.component('mainComponent', { 
    controller: function() { 
    var x = 0; 
    this.broadcast = function() { 
     this.onUpdate({ 
     count: x++ 
     }); 
    }; 
    this.broadcast(); 
    }, 
    bindings: { 
    onUpdate: '&' 
    }, 
    template: '<input type="button" ng-click="$ctrl.broadcast()" value="add"/>' 
}); 

HTML (в организме)

<main-component on-update="this.count = count"></main-component> 
Value in parent: {{count}} 

При нажатии на кнопке компоненты , переменная count обновляется ('&' onUpdate хорошо привязан).

Теперь я хотел бы иметь маршрут к компоненту из ui.router:

$stateProvider.state({ 
    name: 'state1', 
    component: 'mainComponent', 
    url: "#" 
    }); 

Переход в состояние, результаты Cannot read property '2' of null, убрав член OnUpdate исправить ошибку, но разорвать привязку.

Что я делаю неправильно? Каким образом можно связать методы обратного вызова компонентов при использовании маршрута ui.router для компонентов.

jsfiddle

ответ

 Смежные вопросы

  • Нет связанных вопросов^_^