AngularJS的filter，中文名“过滤器”是用来过滤变量的值，或者格式化输出，得到自己所期望的结果或格式的东东。 Filter简介 Filter是用来格式化数据用的。 Filter的基本原型（ ‘| 类似于Linux中的管道模式）： {{ expression | filter }}Filter可以被链式使用（即连续使用多个filter）： {{ expression | filter1 | filter2 | ... }} Filter也可以指定多个参数： {{ expression | filter:argument1:argument2:... }}一、在视图模...
AngularJS是一款来自Google的前端JS框架，它的核心特性有：MVC、双向数据绑定、指令和语义化标签、模块化工具、依赖注入、HTML模板，以及对常用工具的封装，例如$http、$cookies、$location等。 关于AngularJS中module的导入导出，在Bob告诉我之前还没写过，谢谢Bob在这方面的指导，给到我案例代码。 在AngularJS实际项目中，我们可能需要把针对某个领域的各个方面放在不同的module中，然后把各个module汇总到该领域的一个文件中，...
AngularJS是什么？AngularJs（后面就简称ng了）是一个用于设计动态web应用的结构框架。首先，它是一个框架，不是类库，是像EXT一样提供一整套方案用于设计web应用。它不仅仅是一个javascript框架，因为它的核心其实是对HTML标签的增强。 何为HTML标签增强？其实就是使你能够用标签完成一部分页面逻辑，具体方式就是通过自定义标签、自定义属性等，这些HTML原生没有的标签/属性在ng中有一个名字：指令（directive）。后面会详细介绍...
这是一篇关于easyui配合ajax使用的文章，顺带介绍angularjs的使用以及让你感受到angularjs的威力。网上对于ajax 的文也是多如牛毛 。我就不直接从那种原生的httpxmlrequest 对象的js 写起了哈。看那种东西也存粹是了解 高层的东西是怎么来的 原理是啥真正做的时候写那种东西 不是扯淡么 你叼你技术牛逼整站的代码你全用那种写。html js 这种东西最开始设计出来就没考虑周全就是坨屎。还好现在有各种框架 可以帮助我们更容易的把这坨...
自定义指令中使用AngularJS扩展HTML的功能。自定义指令使用的“指令”的功能定义。自定义指令只是替换了它被激活的元素。引导过程中AngularJS应用程序找到了匹配的元素，并做好使用自定义指令compile()方法一次活动再处理使用基于指令的范围自定义指令link()方法的元素。 AngularJS提供支持，以下列元素的类型来创建自定义指令。 Element directives - 指令遇到时激活一个匹配的元素。 Attribute - - 指令遇到时激活一个匹配...
今天我们来看看怎样使用Angular的ngShow 和ngHide 指令来完成它们听起来应该完成的，显示和隐藏！ 它们应该做的事 ngShow 和ngHide 允许我们显示或隐藏不同的元素。这有助于创建Angular应用时因为我们的单页程序会有许多的移动部件随着应用状态的改变而来来去去。 这些指令的最伟大的部分就是我们不必使用CSS或者JS来操作显示还是隐藏。这些都是由老练的Angular来完成。 用法 想使用ngShow 或ngHide, 只需将指令添加到你想要显示...
范围扮演其视图连接控制器的角色一个特殊的JavaScript对象。范围包含了模型数据。在控制器，模型数据通过$scope对象访问。 <script>var mainApp = angular.module("mainApp", []);mainApp.controller("shapeController", function($scope) {$scope.message = "In shape controller";$scope.type = "Shape";}); </script>以下是在上面的例子中需要考虑的重要问题。 $scope被作为第一个参数在其构造器确定指标到控制器。 $sco...
依赖注入是一个在组件中给出的替代了硬的组件内的编码它们的依赖关系的软件设计模式。这减轻一个组成部分，从定位的依赖，依赖配置。这有助于使组件可重用，维护和测试。 AngularJS提供了一个至高无上的依赖注入机制。它提供了一个可注入彼此依赖下列核心组件。 值 工厂 服务 提供者 常值值 值是简单的JavaScript对象，它是用来将值传递过程中的配置相位控制器。 //define a module var mainApp = angular.module(...
现在几乎满世界的人都在问! 外面有人么? 这里是 USS AngularJS, 我们遇到麻烦了，我们的服务讲得是克灵贡语（Klingon） 而我们的控制器不能同它们的Ferengi 指令通信了. 有人能帮助我们么! 我已经不知道有多少次遇到这种有关什么才是AngularJS里面的组件通信的最佳方式这样的问题了. 很多时候答案都会是为此使用 $rootScope 对象去向任何想要收听的人广播$broadcast出一条消息. 然而，那还真不是做这件事的最佳方式. 组件之间广播消...
表达式用于应用程序数据绑定到HTML。表达式都写在双括号就像{{表达式}}。表达式中的行为跟ng-bind指令方式相同。 AngularJS应用表达式是纯javascript表达式，并输出它们被使用的数据在那里。 使用数字 <p>Expense on Books : {{cost * quantity}} Rs</p>使用字符串 <p>Hello {{student.firstname + " " + student.lastname}}!</p>使用对象 <p>Roll No: {{student.rollno}}</p>使用数组 <p>Marks(Math): {{marks[3]}}</p>例子 下面的...
过滤器是用来更改修改数据，并且可以在表达式或使用管道符指令将其归入。以下是常用的过滤器的列表。 小写过滤器 添加小写的过滤器，使用管道符的表达式。在这里添加小写过滤器，以小写字母打印学生姓名。 Enter first name:<input type="text" ng-model="student.firstName"> Enter last name: <input type="text" ng-model="student.lastName"> Name in Upper Case: {{student.fullName() | lowercase}}货币滤波器 加币过滤器使用...
表格数据本质上通常是重复的。ng-repeat指令，可以用来方便地绘制表格。下面的示例说明使用ng-repeat指令来绘制表格。 <table><tr><th>Name</th><th>Marks</th></tr><tr ng-repeat="subject in student.subjects"><td>{{ subject.name }}</td><td>{{ subject.marks }}</td></tr> </table>表格可以使用CSS样式设置样式，如下： <style> table, th , td {border: 1px solid grey;border-collapse: collapse;padding: 5px; } table tr...
AngularJS提供丰富填写表单和验证。我们可以用ng-click来处理AngularJS点击按钮事件，然后使用 $dirty 和 $invalid标志做验证的方式。使用novalidate表单声明禁止任何浏览器特定的验证。表单控件使用了大量的角活动。让我们快速浏览一下有关事件先。 事件 AngularJS提供可与HTML控件相关联的多个事件。例如ng-click通常与按钮相关联。以下是AngularJS支持的事件。 ng-click ng-dbl-click ng-mousedown ng-mouseup ...
今天我们来了解一下AngularJS的内置过滤器先来看看这些内置过滤器使用方法: 一个过滤器，不带参数的情况 {{expression | filter}}一个过滤器，带参数的情况 {{expression | filter:arguments}}一个过滤器，带多个参数的情况 {{expression | filter: arg1: arg2: ...}}多个过滤器，不带参数的情况 {{expression | filter1 | filter2 | ...}}下面我们分别使用以下AngularJS的内置过滤器 currencycurrency允许我们设置自己的货币符号，...
在讲angularjs的模块之前，我们先介绍一下angular的一些知识点： AngularJS是纯客户端技术，完全用Javascript编写的。它使用的是网页开发的常规技术(HTML,CSS,Javascript)，目的是让网页应用开发更快更容易。 AngularJS简化应用开发的一个重要方法是，将一个些通用的低级开发操作包装起来提供给开发者。AngularJS会自动处理好这些低级操作。它们包括： 1.DOM操作 2.设置事件的监听 3.输入验证，因为AngularJS会处理大部分这些操作，...