Angular - одна из самых популярных интерфейсных фреймворков с открытым исходным кодом на рынке. Он используется для создания клиентских веб-приложений и специально разработан для SPA (одностраничных приложений). Выпущенный Google в 2016 году фреймворк на основе TypeScript был переписан на AngularJS. Как только вы начнете изучать Angular, вы поймете, что это не так просто, как изучение ReactJS или VueJS, некоторых из основных конкурентов Angular. В этой статье я расскажу, как я..

AngularInDepth уходит от Medium. Более свежие статьи размещаются на новой платформе inDepth.dev . Спасибо за то, что участвуете в глубоком движении! Связывание данных в Angular - это круто. Действительно. Просто украсьте общедоступное свойство - или сеттер, если на то пошло - в классе компонента с помощью @Input и после быстрого <app-child [prop]="parentProp"></app-child> , вуаля! Свойство родительского компонента привязано и готово к использованию по..

Эй, я знаю, что существует множество фреймворков, которые будут обрабатывать двустороннюю привязку данных за вас. Но будучи разработчиком javascript, вы должны знать, как это работает. Начнем шаг за шагом. Для достижения двусторонней привязки данных воспользуемся методом получения и установки . Вы можете проверить полный код здесь Шаг 1: HTML-код Добавьте атрибут data-bind (вы можете использовать выбранное имя) ко всем входам, к которым вы хотите обрабатывать двустороннюю..

Популярные фреймворки, такие как Angular, Vue реализуют двустороннюю привязку под капотом. Но всегда полезно знать, что происходит внутри. В этой статье мы попытаемся реализовать двустороннюю привязку данных с использованием ванильного JS и шаблона наблюдателя. Что ж, это не будет очень тяжелая реализация двустороннего связывания, но она наверняка даст вам представление о том, как это достигается в популярных фреймворках. То же самое можно реализовать разными способами. Сначала..