Как в AngularJs лучше связать данные между контроллером и директивой?

Question

[aterentyev]

Есть задача написать директиву, которая бы меняла значение во внешнем input'e.

Попробовал решить задачу связкой переменной контроллера с переменной директивы через атрибут директивы, с последующим scope:{var: "="} - jsbin.com/mifaqi/1/edit?html,js,output но видимо работает это только в одном направлении. При обновлении данных в директиве, в контроллере они не меняются.

Есть ли еще какие то адекватные варианты, или остается только искать input по id в link функции и менять его значение?

Answer 1

[roman450]

После обычных js событий нужно использовать scope.$apply() или scope.$digest(): jsbin.com/gigewepuxi/1/edit
И вообще, лучше использовать директиву ng-click в таких случаях.

Comments

[aterentyev]

Забываю про apply() в событиях. ng-click вариант, но это просто пример для демонстрации, в оригинальном коде все немного иначе. Спасибо!

[edencore2]

Всё так, но $apply лучше использовать подобным образом: jsbin.com/wacid/2/edit (а $digest - вообще не использовать). Если $apply передавать функцию, то она будет обернута в try..catch и в случае ошибки будет легче понять, что не так. А $digest выполнится автоматически в finally.

Answer 2

[Sergey Romanov]

Есть небольшой трик. Если это объект то должно менятся. Например в дриективе. attr="var" где var это объект. И если вы в директиве потом будете scope:{attr: "="} и в линкере scope.attr.somethign = 1; То результат может быть совсем другой.

Вообще и не объект должен работать в 2 стороны. Вы пробовали вместо link использовать controller?

Comments

[aterentyev]

Сергей, controller не пробовал, но уже не нужно, Роман выше дал верный ответ.