js中的函数,判断这个函数是构造函数还是自调用的函数,只需要看this指向。如果this指向的是window,那肯定是自调用,如果this的实例是这个函数,那就是构造函数。 比如angularjs中的MyController都是会自动new一个构造函数的。可以这样证明: function MyController($scope){ console.log(this instanceof MyController); //返回true证明被new过。(构造函数) } 依赖对象:完成某个特定的功能需要依赖某个...
1.AngularJS extends HTML with ng-directives.The ng-app 定义 AngularJS 应用程序.The ng-model 将 HTML 控件 (输入、 选择、 文本区域) 的值绑定到应用程序数据。.The ng-bind 将应用程序数据绑定到 HTML 视图。.ng-init 指令 AngularJS 应用程序变量进行初始化ng-repeat 指令重复 HTML 元素ng-disabled 指令将 AngularJS 应用程序数据绑定到禁用属性的 HTML 元素。ng-show 显示或隐藏 HTML 元素。2.控制器AngularJS 应用程序...
angularJS定义和特点
1.google前端开源框架
2.MVVM(model view view-model)设计模式 : Model将和ViewModel互动(通过$scope对象),将监听Model的变化。这些可以通过View来发送和渲染,由HTML来展示你的代码
3.方便的REST
4.数据绑定和依赖注入
5.可以操作XML一样操作HTML,AngularJS通过自己的编译器和directives来完成相关的设置
6.模板被作为DOM元素传递到Angular的编译器
7.AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定...
过滤器是用来更改修改数据,并且可以在表达式或使用管道符指令将其归入。以下是常用的过滤器的列表。
S.No. 名称 描述
1 大写 转换文本为大写文本。
2 小写 转换文本为小写文本。
3 货币 货币格式格式文本。
4 过滤器 过滤数组中它根据所提供的标准的一个子集。
5 排序 排序提供标准的基础数组。 大写过滤器
添加大写的过滤器使用管道符的表达式。在这里,添加了大写过滤器,全部用大写字母打印学生姓名。Enter first name:
Enter ...
表格数据本质上通常是重复的。ng-repeat指令,可以用来方便地绘制表格。下面的示例说明使用ng-repeat指令来绘制表格。NameMarks{{ subject.name }}{{ subject.marks }}表格可以使用CSS样式设置样式,如下:table, th , td {border: 1px solid grey;border-collapse: collapse;padding: 5px;
}
table tr:nth-child(odd) {background-color: #f2f2f2;
}
table tr:nth-child(even) {background-color: #ffffff;
}例子
下面的例子将展示...
前言
今天来和大家学习一下AngularJS……
AngularJS 通过新的属性和表达式扩展了 HTML。
AngularJS 可以构建一个单一页面应用程序。
AngularJS 学习起来非常简单。
一、AngularJS指令与表达式
【AngularJS常用指令】
1、ng-app:声明Angular所管辖的区域,一般写在body或HTML上,原则上一个页面只有一个。
2、ng-model:把元素值(比如输入域的值)绑定到应用程序的变量中。
eg:<input type="text" ng-model="name"/>
3、ng-bind:把应...
AngularJS 使用基础知识
第一 迭代输出之ng-repeat标签
ng-repeat让table ul ol等标签和js里的数组完美结合
<ul>
<li ng-repeat="person in persons">
{{person.name}} is {{person.age}} years old.
</li>
</ul>你甚至可以指定输出的顺序:
<li ng-repeat="person in persons | orderBy:name">第二 动态绑定之ng-model标签 任何有用户输入,只要是有值的html标签,都可以动态绑定js中的变量, 而且是动态绑定。
<input type="tex...
AngularJS学习第一篇,了解指令、过滤器等相关内容。
指令
AngularJS 指令是扩展的 HTML 属性,带有前缀 ng- 1、 ng-app:
定义了 AngularJS 应用程序的根元素;
ng-app 指令在网页加载完毕时会自动引导(自动初始化)应用程序;<div ng-app="Demo"></div>2、 ng-init:
为 AngularJS 应用程序定义了 初始值;
通常情况下,我们使用一个控制器或模块来代替它;<div ng-app="Demo" ng-init="firstName=John"><p>我的名字是:{{ firs...
表格数据本质上通常是重复的。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 t...
过滤器是用来更改修改数据,并且可以在表达式或使用管道符指令将其归入。以下是常用的过滤器的列表。
S.No. 名称 描述
1 大写 转换文本为大写文本。
2 小写 转换文本为小写文本。
3 货币 货币格式格式文本。
4 过滤器 过滤数组中它根据所提供的标准的一个子集。
5 排序 排序提供标准的基础数组。 大写过滤器
添加大写的过滤器使用管道符的表达式。在这里,添加了大写过滤器,全部用大写字母打印学生姓名。
Enter first name:<input...
angularJS定义和特点
1.google前端开源框架
2.MVVM(model view view-model)设计模式 : Model将和ViewModel互动(通过$scope对象),将监听Model的变化。这些可以通过View来发送和渲染,由HTML来展示你的代码
3.方便的REST
4.数据绑定和依赖注入
5.可以操作XML一样操作HTML,AngularJS通过自己的编译器和directives来完成相关的设置
6.模板被作为DOM元素传递到Angular的编译器
7.AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定...