行如风Angular初识3-创新互联

在上面的代码中ng-app是模块化指令，ng-controller是控制器指令，下面的所有数据的绑定和引用必须全部在当前模块"myApp"和控制器"ctrl"之内写入，否则的话Angular不会检测到对应的服务，`name`是控制器内的固定服务对象$scope的name属性，表单里的值由ng-model="name"指令来绑定到视图上。

将上面这段代码Copy到HTML里面去，在页面上会看到div和表单input里的值都是"hello world!"，那么怎么知道视图的变化会影响到模型的变化呢？大家只要在页面里将input里面的值改变，会发现上面div里的值会相应作出同样的变化，这是因为，在改变表单里的值的同时，触发js的事件，js里的控制器$scope里的属性会跟着变化，同样当$scope里的值发生改变的时候，视图里绑定的值也会发生改变，所以当表单input里的值变化，$scope的属性改变，然后`name`也跟着变化，故大家会发现表单和div里的值会同时变化。这篇先到这里，大家一起努力~~Fingting!

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。