`
好好学习-天天向上
  • 浏览: 35931 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

AngularJs之MVC

 
阅读更多

   MVC 起源是在1979年,Trygve Reenskaug第一次正式提出了MVC模式。

   MVC分别是Model:数据模型层:View;视图层,负责展示;Controller:业务逻辑,这个模式的好处是职责清晰,代码模块化。

    问题来了,为什么需要MVC?

    1.代码规模越来越大,切分职责时大势所趋。

    2.为了复用:很多逻辑时一模一样的。

    3.为了后期维护方便:修改一块功能不影响其他功能。

总结:MVC只是手段,终极目标是模块化和复用。

   在MVC中,Controller使用过程的注意点:

    1.不要试图去复用Controller一个控制器一般只负责一小块视图

     2.不要在Controller中操作DOM,这不是控制器的职责。(将DOM封装在指令里面)

    3.不要在Controller里面做数据格式化,ng有很好用的表单控件。

    4.不要在Controller里面做数据过滤操作,ng有$filter服务。

    5.一般来说,Controller是不会互相调用的,控制器之间的交互会通过事件进行。

   AngularJS的MVC是借助于$scope实现的!!!那么什么是$scope???

  $scope是一个POJO(Plain Old JavaScript Object)

  $scope提供了一些工具方法$watch()/$apply()

  $scope是表达式的执行环境(即作用域)

  $scope是一个树型结构,与DOM标签平行

 子$scope对象会继承父$scope上的属性与方法

 每一个Angular应用只有一个根$scope对象(一般位于ng-app上)

 $scope可以传播事件,类似DOM事件,可以向上也可以向下

 $scope不仅时MVC基础,也是实现双向数据绑定的基础

 可以用angular.element($0).scope()进行调试

分享到:
评论

相关推荐

    angularjs 和 MVC的结合

    在IT领域,AngularJS和MVC(Model-View-Controller)是两种常见的Web开发技术,它们各有特色且常被结合使用以构建高效、结构化的应用。AngularJS是Google推出的一款强大的前端JavaScript框架,主要用于构建单页应用...

    indexedDB bootstrap angularjs之 MVC DOMO (应用示例)

    1、indexedDB(Model) — 前端浏览器对象型数据库,一般我们后台用的数据库都是关系型数据库。那么indexeddb有什么特点呢:  首先,从字义上它是索引型数据库,从实际使用中可以体现为,它需要为表创建索引才可以...

    AngularJS开发ASP.NET MVC

    ### AngularJS 开发 ASP.NET MVC #### 知识点概览 - **AngularJS与ASP.NET MVC结合的优势** - **AngularJS的特点与优势** - **AngularJS的基本概念(如数据绑定、指令等)** - **如何在ASP.NET MVC项目中引入...

    使用AngularJs ASP.NET MVC Web API EF构建一个多层SPA的例子

    在本文中,我们将深入探讨如何使用AngularJS、ASP.NET MVC、Web API和Entity Framework(EF)构建一个完整的多层Single Page Application(SPA)。这个技术栈是现代Web开发中常用的一组工具,它们协同工作,可以提供...

    BeyondAdmin - AdminApp + AngularJS + MVC 后台模板

    BeyondAdmin - AdminApp + AngularJS + MVC 后台模板 目前最新版本 BeyondAdmin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.4 Mirrored from beyondadmin-v1.4.s3-website-us-east-1....

    angularjs asp.net mvc 書籍

    在IT行业中,AngularJS和ASP.NET MVC是两个非常重要的框架,它们在构建高效、动态的Web应用程序方面发挥着关键作用。下面将详细讲解这两个技术及其整合应用。 AngularJS,由Google开发,是一款强大的前端JavaScript...

    将AngularJS用于mvc MVW的单页面web应用程序。它使用指令过滤内容,$http服务读取JSON文件.zip

    在本文中,我们将深入探讨如何将AngularJS应用于MVC(Model-View-Controller)架构的MVW(Model-View-Whatever)模式下,构建一个单页面Web应用程序。...这种强大的组合使得AngularJS成为现代Web开发的首选工具之一。

    ASP.NET MVC+Angularjs

    **ASP.NET MVC与AngularJS深度整合** ASP.NET MVC(Model-View-Controller)是微软推出的一种基于模式的、用于构建动态网站的框架。它结合了ASP.NET的优势和MVC设计模式,提供了强大的数据处理和视图渲染能力。MVC...

    angularjs-mvc:使用 .NET MVC、WebAPI 和 AngularJS 的演示项目

    7. **数据绑定和路由**:AngularJS 的核心特性之一是双向数据绑定,它将模型和视图自动保持同步。而路由功能允许根据URL导航到不同的视图,实现页面间的无刷新跳转。 8. **版本控制**:"master" 文件名暗示了这个...

    Spring+MVC+AngularJS例子

    Spring、MVC和AngularJS是Web开发中的三个关键框架,它们各自在不同的层面提供功能,协同工作以构建高效、响应式的应用程序。在这个"Spring+MVC+AngularJS例子"中,我们将深入理解这三个技术如何结合在一起,以创建...

    AngularJS基于MVC的复杂操作实例讲解

    实例如下: ...AngularJS基于MVC的复杂操作案例</title> [removed][removed] </head> <body> <!--ng-app=myapp定义了一个模块--> <!--ng-model模型作用-->

    AngularJS教程之MVC体系结构详解

    AngularJS教程之MVC体系结构详解涵盖了AngularJS框架中的核心概念模型-视图-控制器(MVC)设计模式。MVC是一种广泛使用的软件设计模式,尤其适用于Web应用程序的开发,目的是将数据处理、用户界面和用户输入这三部分...

    AngularJs Javascript MVC 框架

    AngularJs是谷歌开发的开源JavaScript MVC框架,用于简化Web应用程序的开发。在2012年6月,谷歌发布了AngularJs 1.0的稳定版本,它是一种可以扩展HTML语法的开发框架,允许开发者通过清晰、简洁的方式构建应用程序的...

    AngularJS入门教程之MVC架构实例分析

    本文实例讲述了AngularJS的MVC架构。分享给大家供大家参考,具体如下: MVC应用程序架构最早于1970年起源于Smalltalk语言,后来在桌面应用程序开发中使用较为广泛,如今在WEB开发中也非常流行。MVC的核心思想是將...

    mp-AngularJS:MVC应用程序的AngularJS结构

    AngularJS,由Google维护的JavaScript库,是用于构建单页应用程序(SPA)的主流框架之一。它引入了Model-View-Controller(MVC)架构模式,使得前端开发更为高效且结构化。在这个名为"mp-AngularJS"的项目中,我们将...

    convular:基于AngularJS的MVC框架可快速开发应用程序

    Convul​​ar是一个用NodeJS编写的用于Angularjs的MVC框架,可帮助您基于简单的约定和最佳实践快速创建应用程序,而不必浪费您一次又一次编写的配置。 从con缩开始 全局安装convul​​ar: npm安装convul​​ar -g ...

Global site tag (gtag.js) - Google Analytics