Рассмотрит упрощенный Угловой компонент 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 для компонентов.