angular2中[(ngModel)]的作用

[(ngModel)]:我理解的是能做到用户输入和数据双向绑定,跟vue中的v-model相似的功能;
我的操作:我做了一遍angular2教程的英雄组件案例,最后能在组件详情页面修改英雄名字(input),然后我点返回---之前我修改的name已经变了!!!
问题:Top Heroes所在的页面和详情是在不同的页面,详情页面的hero是从路由中传递的,那他是怎么把name的改变传回Top Heroes呢???

clipboard.png

clipboard.png

阅读 4.8k
1 个回答

这个例子?

如果是的话,你在detail页面对hero实例的编辑和保存最终使list页面的数据改变和ngModel无关,是因为detail和list的数据来源均来自HeroService,而HeroService本身是单例的。

ng2中已经不存在严格意义上的双向绑定了,这个和vue的v-model是比较像的,比如v-model也等价于:value@input,同理,[(ngModel)]等价于(ngModelChange)[ngModel],同时还会附带一些ng2内置的formControl的东西。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进