Передача данных в компонент Angular 2?

Question

[Coder321]

Как в Angular 2 передать в компонент переменную с двухсторонней связью, типа того что в первом ангуляре делалось при помощи

scope:{ 
data: '=',
callback:'&'
}

Пробовал в таком виде

<my-component [(test)]="test" [(callback)]="callback"></my-comonent>

callback(){
console.log(this)
}

При запуске калбека в my-component выводится this родительского компонента, а не my-component.

Comments

[Алексей Зуев]

Если используете банану, то ожидается помимо Input еще и соответствующий Output. В вашем случае наверно не нужен банан для функции)

[Coder321]

Алексей Зуев: я с Output вообще еще не разобрался(

[Алексей Зуев]

Coder321: Я обновил пример для obj. Это один из вариантов

[Coder321]

Алексей Зуев: Огромное спасибо, жаль что коментарий нельзя отметить ответом. И если можно, хотя бы просто текстом, какие есть еще варианты?

Answer 1

[Евгений Самойленко]

банан в коробке:

[(name)]='variable'

Comments

[Coder321]

Пробовал, но что то у меня не получилось. Значения передаются но двусторонней связки нету. И передавая функцию она исполнетс в контексте компонента в который передаю её

[Алексей Зуев]

Coder321: Как вы это пробовали? пример на plunker добавьте, пожалуйста

[Coder321]

Алексей Зуев: https://plnkr.co/edit/0Y1VtQ9CPoBB9kfsE8XG?p=preview уже не первый раз на зов помощи отвечаешь, заранее благодарен)

[Алексей Зуев]

Coder321: https://plnkr.co/edit/RDBc4F9wwKuSV41tRhST?p=preview Ищите комментарий magic

[Coder321]

Алексей Зуев: Огромное спасибо, с калбеками разобрались, а двусторонняя связь переменных? obj в примере

[Coder321]

Алексей Зуев: нашел еще один вариант, по идеи более правильный, передавать калбеки в качестве иветов (callback)="callback($event)"