angularJs框架之MVC

 时间:2026-02-15 10:26:36

1、1.因为C主要是负责实例化模型和视图的载入,起的是协调的作用。所有C可以写成VM。

MVC === MVVM

我们是有MVC的开发思想的。

语言基础:其他的语言。

C语言,其他好简单。

angularJs框架之MVC

2、2.angularJs标准开发模式【建议】

a. html页面定义应用:ngApp指令

b. 调用angularJs创建模块和控制器 angular.module(‘’,[依赖列表])

a. 在页面指定控制器的作用范围-调用控制器函数,实例化控制器对象 ngController

b. 在控制器里面创建模型数据 $scope【需要在控制器的函数里面进行参数传递、依赖注入】

c. 在视图调用插值表达式显示数据 {{ express }}

标准开发:v1 版模板【使用较多】

angularJs框架之MVC

3、3.angularJs中如何声明模式数据?【$scope对象.变量名称=变量值】

1. 使用ngInit指令声明model的数据【不建议使用】因为这样的话数据和视图耦合在一起,模型只能和C打交道。视图也只能和C打交道。

2. 标准方式,在控制器的模型$scope里面创建数据

页面创建angularJs应用《==创建模块《===创建控制器《===创建模型数据

angularJs框架之MVC

angularJs框架之MVC

4、4.数据遍历:ngRepeat 指令

视图代码:

angularJs框架之MVC

5、5.数据模型代码:

angularJs框架之MVC

6、6.控制器作用域$scope和$rootScope

概要图:当在某个某个控制器管辖的视图里面使用表达式显示数据的时候,会在自己的控制器里面模型对象$scope上面查找变量信息,如果存在,则直接显示;如果变量信息不存在,则查看看是否存在$rootScope对象,然后在去改对象上查找。如果最终模型变量都找不到,既不会报错也不会在页面上显示出来。

angularJs框架之MVC

7、7.angularJs指令

ngApp: 小驼峰的方式,一般在自己描述指令的时候时候;如果是写在视图里面使用ng-app

angularJs框架之MVC

8、8.建议:如果有的时候在angularJs使用的过程中页面看不到效果,自己F12看控制台。

建议:如果是ajax请求不出效果。直接看F12网络请求。

angularJs框架之MVC

  • AngularJS的初级应用
  • AngularJS四大特征
  • 依赖注入设计模式-angularJs
  • angularjs如何实现左右滑动
  • AngularJS表单验证功能
  • 热门搜索
    旅游 网站 湖北旅游景点推荐 艺龙旅游指南 银川旅游团 巴布亚新几内亚旅游 阿联酋旅游价格 深圳到日本旅游 旅游路线设计方案 陕西省旅游网 宁波普陀山旅游攻略