Angular之MVVM

曾经终败给现在 2022-01-15 06:57 250阅读 0赞

一 : MVVM既是双向数据绑定

① , 当M的数据改变 , V的数据也会跟着改变

② , 当V的数据改变 , M的数据也会跟着改变

二 : Angular的MVVM使用指令 ngModel

① , 需要引入FormsModule , 如下

![B01.png][]

② , 测试

Ⅰ , 在news.component.ts中 , 定义一个name字段 , 如下

private  name : string = "Aonaufly";

Ⅱ , 在对应的news.component.html使用指令如下 :

![B02.png][]

Ⅲ , 结果如下:

![B03.png][]

三 : 注意

**① , Angular的MVVM只能用于表单**

**② , 注意引入库 : FormsModule**

**③ , 注意写法 : \[(ngModel)\] = "field"**

转载于:https://blog.51cto.com/aonaufly/2403590

[B01.png]: https://s1.51cto.com/images/20190601/1559372255320498.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[B02.png]: https://s1.51cto.com/images/20190601/1559372547472664.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[B03.png]: https://s1.51cto.com/images/20190601/1559372752364998.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

发表评论取消回复

表情：

评论列表（有 0 条评论，250人围观）

还没有评论，来说两句吧...

相关阅读

相关 Angular之HelloWorld——Angular(1)

一个后端都没有摸透的渣渣今天又开始接触前端Angular，作为一个极其喜欢新事物的工科男来说，不写篇博客都有点儿对不起自己。闲话不多说，下面开始正文！ 1. 环境搭建

灰太狼/ 2023年02月17日 15:00/ 0 赞/ 133 阅读

相关 MVVM

[原文链接][Link 1] > 目前客户端最流行的架构应该就是MVVM，然而在看了一些文章之后发现大部分是理论而并没有仔细讲解具体的架构方法和实践，这篇博客说说我在实际工作

悠悠/ 2022年10月01日 05:41/ 0 赞/ 185 阅读

相关 wpf之mvvm

初次接触的新名词--MVVM，听着好高大上的名字。经查阅，发现也没有想象中的那么难。 mvvm【模型－视图－视图模型（Model-View-ViewModel）

た入场券/ 2022年08月18日 00:38/ 0 赞/ 262 阅读

相关 iOS开发之ReactiveCocoa下的MVVM

一.函数响应式编程（Function Reactive Programming）关于函数响应式编程的东西，我想引用国外这个ReactiveCocoa教学视频（视频链接h t

太过爱你忘了你带给我的痛/ 2022年06月17日 08:25/ 0 赞/ 181 阅读

相关 Android架构之MVC、MVP、MVVM

转载请注明链接：[https://blog.csdn.net/feather\_wch/article/details/79729132][https_blog.csdn.ne

淩亂°似流年/ 2022年05月28日 03:12/ 0 赞/ 300 阅读

相关 Android开发之MVVM新姿势探索

Android开发之MVVM新姿势探索 1、同一个世界，同一个轮回网上有不少关于Android架构的讨论，如`MVC`， `MVP`，`MVVM`。本质上都是一种

忘是亡心i/ 2022年05月23日 07:07/ 0 赞/ 230 阅读

相关 MVVM

mvvm和mvc区别： mvc和mvvm其实区别并不大，都是一种设计思想。主要就是mvc中Controller演变成mvvm中的viewModel。mvvm主要解决了mvc

客官°小女子只卖身不卖艺/ 2022年05月19日 10:12/ 0 赞/ 215 阅读

相关 Vue之MVVM概念详解

免责声明：图片来源于网络，只以传递知识为目的，若有侵权，联系903131009@qq.com即删！一、什么是MVVM？本来不想写一篇MVVM的文章的，但是在Xam

￡神魔★判官ぃ/ 2022年04月04日 03:10/ 0 赞/ 510 阅读

相关什么是MVVM，MVC和MVVM的区别，MVVM框架，Angular原理，VUE实现原理

1. MVVM定义MVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。【模型】指的是后端传递的数据。【视图】指的是所看到的页面。【视图模型】mv

以你之姓@/ 2022年02月27日 15:40/ 0 赞/ 417 阅读

相关 Angular之MVVM

一 : MVVM既是双向数据绑定 ① , 当M的数据改变 , V的数据也会跟着改变 ② , 当V的数据改变 , M的数据也会跟着改变二 : Angular的M

曾经终败给现在/ 2022年01月15日 06:57/ 0 赞/ 251 阅读