Embed Size (px)
Citation preview
Dot in AngularJS
The initial setup:
<body> <input type="text" ng-model="data.message" /> {{data.message}} <div ng-controller="FirstController"> <input type="text" ng-model="data.message" /> {{data.message}} </div> <div ng-controller="SecondController"> <input type="text" ng-model="data.message" /> {{data.message}} </div> </body>
In this setup, all three instances of data.message are bound to each other through the first
data.message, which is in the scope of the entire application.
If we were to replace the instances of data.message with just message,
<body> <input type="text" ng-model="message" /> {{message}} <div ng-controller="FirstController"> <input type="text" ng-model="message" /> {{message}} </div> <div ng-controller="SecondController"> <input type="text" ng-model="message" /> {{message}} </div> </body>
It breaks the scope inheritance that was binding all the data.message instances. Now, each new ng-
model of message is creating a new instance of message, and so each model will be an unbound instance.
![AngularJS Projects, Forms and Servicesiproduct.org/wp-content/uploads/2016/07/AngularJS... · AngularJS and TypeScript SPA Development Sources: AngularJS [ ], ... Designing front-end](https://img.dokumen.tips/doc/110x75/5ee35669ad6a402d666d455f/angularjs-projects-forms-and-angularjs-and-typescript-spa-development-sources.jpg)
![Let's explore AngularJS / [fr]Explorons AngularJS. GDG Montreal](https://img.dokumen.tips/doc/110x75/554be4ceb4c9055a368b4841/lets-explore-angularjs-frexplorons-angularjs-gdg-montreal.jpg)
![[IT기술칼럼 #4] 고급자바스크립트 for AngularJS, React_고급자바스크립트,AngularJS,React전문교육학원](https://img.dokumen.tips/doc/110x75/58effc4f1a28ab79688b45d7/it-4-for-angularjs-reactangularjsreact.jpg)
