Свързване на данни

Обвързване на данни в AngularJS е синхронизацията между модела и изгледа.

Модел на данните

AngularJS приложения обикновено имат някакъв модел за данни. Моделът за данни е набор от данни, налични за приложението.

HTML View

HTML Контейнерът, където се показва AngularJS приложението, се нарича изглед. Изгледът има достъп до модела и има няколко начина за показване на моделни данни в изгледа. Можете да използвате директивата ng-bind, която ще обвърже HTML елемента с определената променлива на модела (innerHTML):

Опитайте сами »

Можете също да използвате двойни скоби {{}}, за да показвате съдържание от модела:

Опитайте сами »

Или можете да използвате директивата ng-model върху HTML контролите, за да свържете модела към изгледа.

Директивата ng-model

Използвайте директивата ng-model, за да обвържете данните от модела с изгледа в HTML контролите (input, select, textarea)

Опитайте сами »

Директивата ng-model осигурява двупосочно обвързване между модела и изгледа.

Двупосочно обвързване

Обвързването на данни в AngularJS е синхронизацията между модела и изгледа.

Когато данните в модела се променят, изгледа отразява промяната и когато се променят данните в изгледа, моделът също се актуализира. Това става незабавно и автоматично, което гарантира, че моделът и изгледът се актуализират по всяко време.

Опитайте сами »

AngularJS контролер

Приложенията в AngularJS се контролират от контролери. Поради непосредствената синхронизация на модела и изгледа контролерът може да бъде напълно отделен от HTML-а и просто да се съсредоточи върху данните от модела. Благодарение на връзката с данните в AngularJS, изгледът ще отразява промените, направени в контролера.

Опитайте сами »