文章分类 - Angularjs
1
摘要:1.依赖注入概念: 依赖注入是一种软件设计模式,在此模式下,一个或更多的依赖(或服务)被注入(或者通过引用传递)到一个独立的对象(或客户端)中,然后成为了该客户端状态的一部分。 该模式分离了客户端依赖本身行为的创建,这使得程序设计变得松耦合,并遵循了依赖反转和单一职责原则 与服务定位器模式形成直接对
阅读全文
摘要:1.在angularjs中,html可以包含html,但还不支持包含文件 2.服务端包含:大多服务端脚本都支持包含html文件(SSI),使用SSI可以在HTML中包含html文件,并发送到客户端浏览器; 3.客户端包含:JavaScript 有很多种方式可以在 HTML 中包含 HTML 文件;
阅读全文
摘要:在angularjs中使用bootstrap过程如下: 1.在页面中引入bootstrap的样式文件(自己下载bootstrap框架) 也可以引用官方的:链接 案例: 下面是bootstrap常用的样式:
阅读全文
摘要:1.全局API: 用于执行常见任务的JS函数集合,如:比较对象、迭代对象、转换对象 全局API用angular进行访问,通用的 API 函数: 案例: 另外还提供了一些API函数供调用,具体需要使用的地方可以直接在程序中angular.出来
阅读全文
摘要:1.angularjs表单控件提供验证功能,对输入的非法数据进行警告。 注意:客服端的验证不能保证数据的安全性,所以服务端也要进行数据验证 几个验证属性: 这个章节就是讲了怎样在form表单里面加验证,熟练使用$invalid,$dirty属性,了解它的验证机制
阅读全文
摘要:1.概念:表单是输入控件的集合 注意:novalidate是H5中新增的属性,禁用浏览器的默认验证。 案例一: 效果图: 通过一个简单的案例来应用一下将一个对象绑定到一个form表单里面,并可以将表单的值进行提交。
阅读全文
摘要:模块的概念: 1.模块定义了一个应用程序。 2.模块是应用程序中不同的容器。 3.控制器通常属于一个模块。 1》创建模块 :可以通过angular.module("app",[])来创建 2》添加控制器:可以通过ng-Controller来添加控制器, 在创建的时候用app.Controller("
阅读全文
摘要:1.ng-click 是angular的点击事件 案例: 2.巧用函数作为点击事件,达到显示/隐藏某个内容的效果(ng-show | ng-hide) 这个课时主要讲的就是angular的点击事件;巧用单击事件来实现显示/隐藏某个模块的效果。
阅读全文
摘要:1、概念及定义 1》可以用数组或对象创建一个下拉列表。 2》使用ng-options创建下拉框 3》可以用ng-repeat循环绑定option的值可以达到上面一样的目的 4》比较ng-repeat和ng-options区别 总结这个问题: 1.ng-repeat绑定的下拉列表,通过下拉的模型只能获
阅读全文
摘要:1、概念 $http是angularjs 中的一个核心服务;用于读取远程服务器的数据。 使用$http来请求,类似于jquery中的ajax,向指定提供服务的页面或程序链接发送请求, 成功后用response接受返回的值即可 1》案例一:使用$http请求数据进行绑定 (一般处理程序返回一个json
阅读全文
摘要:概念: 1.有自己创建服务和内建服务(30多个) 2.它是一个函数或对象 3.为什么是使用服务? 在很多服务中,原本的DOM对象在angerlerjs中有限制,由于angerlerjs对象会一直监控和变化;所以用angerjs服务比DOM对象更好。 1>.内建服务案例 1.$location 服务
阅读全文
摘要:AngularJS 过滤器 1.使用:过滤器可以通过管道符号(|)添加到表达式和指令中。 2.转换数据的方式: 实例: PersonController.js 向指令中添加过滤器和过滤输入
阅读全文
摘要:Angerlarjs 控制器: 1.控制整个angerlarjs程序的数据; 2.它是常规的js对象 3.使用 ng-controller指定应用程序的控制器 简单实例: 4.控制器中可以也可以定义方法 5.大型项目中,一般将控制器程序放在单独的js文件当中,和js封装函数是一个道理 通过以上简单的
阅读全文
摘要:AngularJS Scope(作用域) Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。 Scope 是一个对象,有可用的方法和属性。 Scope 可应用在视图和控制器上。 AngularJS 创建控制器时,你可以将 $scope 对象当作一个参
阅读全文
摘要:ng-model 指令 ng-model将数据绑定到HTML控件(input、select 、textarea)的值。 ng-model 指令可以将输入域的值与 AngularJS 创建的变量绑定 应用状态 ng-model 指令可以为应用数据提供状态值(invalid, dirty, touche
阅读全文
摘要:AngularJS ng-model 指令 ng-model 指令用于绑定应用程序数据到 HTML 控制器(input, select, textarea)的值 ng-model 指令可以将输入域的值与 AngularJS 创建的变量绑定。 双向绑定 验证用户输入 提示信息会在 ng-show 属性
阅读全文
摘要:AngerlarJS指令的概念: 1.通过'指令'对HTML进行扩展,前缀为‘ng-’ 2.通过内置指令添加新功能 3.运行自定义指令 常见指令的应用: 初始化程序为angerlarJS程序: ng-app 初始化数据: ng-init 绑定实体或数据: ng-model 注意: 一个网页可以包含多
阅读全文
摘要:类似于 JavaScript 表达式,AngularJS 表达式可以包含字母,操作符,变量。 与 JavaScript 表达式不同,AngularJS 表达式可以写在 HTML 中。 与 JavaScript 表达式不同,AngularJS 表达式不支持条件判断,循环及异常。 与 JavaScrip
阅读全文
摘要:AngularJS 数组 第4个数字:{{shuzu[3]}}
阅读全文
摘要:姓名: 姓名:{{penson.firstname+" "+penson.LastName}}
阅读全文
1

浙公网安备 33010602011771号