![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
angularjs
文章平均质量分 89
chengzhang_jian
以次博客见证我在IT这个道路上的成长
展开
-
MVC模式(以angularjs为例)
1.何为MVC模式Model 模型数据:在ng中定义的一些变量View 视图:通过ng指令和表达式增强版的htmlontroller 控制器:负责数据的增删改查的2.MVC的好处:在实现大型应用程序,可以通过将视图和数据隔离开,有效的降低代码的复杂度、耦合度3:在ng中应该怎么做才能实现一个SPA?①创建一个模块因为在ng中是以模块为基本单位的 var app = angular.mod原创 2017-09-23 11:11:58 · 383 阅读 · 0 评论 -
angularjs路由(ngRoute)
ng是主要实现SPA(单一页面应用程序) ngRoute(路由模块)可以定义路由词典,自动解析路由地址,查找路由词典,自动发起ajax请求加载页面显示。SPA的工作原理:以页面http://127.0.0.1/index.html为例 1、页面url http://127.0.0.1/index.html#/路由地址 例如:http://127.0.0.1/index.html#/start原创 2017-10-11 22:23:46 · 441 阅读 · 0 评论 -
angularjs依赖注入
将代码部署到线上,都会对代码做压缩。压缩会删除所有的注释、删除没有语义的空白字符、尽可能的简化变量的名称(混淆),但是数字、字符串、关键字是不会改变的。angularjs依赖注入有3种分别是标记式依赖注入和行内式依赖注入和推断式(猜测)。官方推荐行内式依赖注入 如下例采用行内式依赖注入 html<!DOCTYPE html><html ng-app="myApp"><head lang="e原创 2017-10-10 23:20:11 · 406 阅读 · 0 评论 -
angularjs控制器
AngularJS 控制器 控制 AngularJS 应用程序的数据。 ng-controller 指令定义了应用程序控制器。 那么: 1、不同的控制器之间的数据是彼此隔离的 2、不同的控制器之间如何共享数据??不同的控制器间的数据传递的方法:方式1:借助于$rootScope借助于scope与scope与rootScope之间的关系。 把要共享的数据存在$rootScope,所有的子对象原创 2017-10-10 22:47:18 · 267 阅读 · 0 评论 -
angularjs的内置服务
服务的本质是一个单例对象,提供数据和对象。 两大类:①内置服务locationlocation scope rootScoperootScope window intervalinterval timeout等等使用内置服务中提供的方法: 第一步 将需要用到的服务注入进来 function(scope,scope,location) 第二步 调用服务中提供的方法 数据。。案例:原创 2017-10-10 11:59:00 · 594 阅读 · 0 评论 -
angularjs内置的方法
序列化、反序列化toJson:将对象或者数组 序列化 为json格式的字符串fromJson:相反的过程<!DOCTYPE html><html ng-app="myApp"><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="js/angular.js"></script></head><bo原创 2017-10-09 23:44:40 · 346 阅读 · 0 评论 -
过滤器与自定义过滤器
angularjs中的过滤器为了实现对于表达式结果的筛选、过滤、格式化,达到更好的表现效果。 过滤器的语法:支持多重过滤和传参 {{expression | 过滤器名称 : ‘参数’ | 过滤器名称2:‘参数’ }} 方式:| -》 管道常用的过滤器: currency 货币样式的过滤器 date 日期 uppercase/lowercase 大小写的处理 orderBy 对指定的数组原创 2017-10-09 23:01:34 · 1247 阅读 · 0 评论 -
angularjs的二种数据绑定
angularjs的数据绑定方式有2种。一种是从数据绑定到视图另一种是从视图中用户的输入’绑定到‘数据’方式一:①常用指令: ngRepeat/ngIf/ngShow…②双花括号:{{}}方式二:从‘视图中用户的输入’绑定到‘数据’———————-绑定方式:指令:ngModel如果要监听数据的变化:$scope.$watch('txt',function(){})下面是一个很好的数据绑定案例:`原创 2017-10-09 22:14:39 · 223 阅读 · 0 评论 -
angularjs 自定义指令
除了 AngularJS 内置的指令外,我们还可以创建自定义指令。 你可以使用 .directive 函数来添加自定义的指令。1./创建指令app.directive(‘指令的名称’,function(){ return { template:指定要显示的模板内容 restrict: “EAC” //E(Element)A(Attribute)C(Class)M(Co原创 2017-09-30 17:11:01 · 268 阅读 · 0 评论 -
angular.js常用内置指令
**指令,我将其理解为AngularJS操作HTML element的一种途径。 AngularJS 指令是扩展的 HTML 属性,带有前缀 ng-。**angularjs指令:1.ngApp 写法:ng-app ng-app 指令初始化一个 AngularJS 应用程序。 ①启动ng ②指定作用范围,将指令写在根标签(html) 如:`html ng-app>//将根原创 2017-09-21 00:08:21 · 575 阅读 · 0 评论 -
angularjs表单验证
在ng中,针对表单和空间提供了属性,用于验证控件交互的状态 布尔类型: ng-valid 表单通过验证时设置 ng-invalid 表单未通过验证时设置 ng-pristine 表单没有改动时设置 ng-dirty 表单有改动时设置 对象: $error注意事项: ①给表单以及表单组件 加上name属性 ②给需要用到的表单组件 ,加上ngModel ③属性的用法 myFo原创 2017-10-11 23:22:26 · 313 阅读 · 0 评论