Angular之MVVM

曾经终败给现在 2022-01-15 06:57 261阅读 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 条评论，261人围观）

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

相关阅读

相关移动开发架构之MVVM模式

MVVM概念的提出和起源 > MVVM是Model-View-ViewModel的简写，最早是由微软公司提出并运用，是MVP（Model-View-Presenter）模

浅浅的花香味﹌/ 2023年10月03日 09:11/ 0 赞/ 5 阅读

相关 Vue（MVVM）、React(MVVM)、Angular(MVC)对比

前言昨天阿里内推电面一面，面试官了解到项目中用过Vue，就问为什么前端框架使用Vue而不适用其他的框架，当时就懵了。因为只用过Vue，不了解其他两个框架，今天就赶紧去了

向右看齐/ 2023年06月12日 08:56/ 0 赞/ 3 阅读

相关 Angular之HelloWorld——Angular(1)

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

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

相关 MVVM

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

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

相关 wpf之mvvm

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

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

相关 Android架构之MVC、MVP、MVVM

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

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

相关 MVVM

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

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

相关 Vue之MVVM概念详解

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

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

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

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

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

相关 Angular之MVVM

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

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