初入AngularJS基础门
作为mvvm 框架过重 不适用于性能比较高的移动端的web栈, ui组建性对复杂,不利于重用
AngularJS 构建一个CRUD ( create retrieve update delete )的应用,
其内容:双向数据绑定{{取值}}、基本模版标识符、表单数据、路由、深度链接、组件重用、依赖注入;
代码解析:
ng-app 标记了angularJS脚本的作用域。
{{ }}双大括号--angularjs的核心功能-绑定。
angular expression 表达式 是一种类似于javascript的代码片段,尽在起作用域中运行,而不是整个dom中运行。
指令:ng-app 初始化一个angularjs应用程序
ng-init 指令初始化应用程序数据
ng-model 指令 把元素值绑定到应用程序
ng-repeat 重复一个html元素 循环一个对象数组
$scope作用域 是应用在html 视图和 javascript控制器之间的纽带
使用:创建控制器时,可以将$scope对象当作一个参数传递
$rootScope 根作用域可作用于整个应用中。
过滤器:currency 格式化数字为货币格式
filter 从数组项中选择一个子集
lowercase 格式化字符串为小写
orderBy根据某个表达式排列数组
uppercase 格式化字符串为大写
$http.get(url).success(function(response){}) 用于读取服务器数据的函数
select(选择框)
ng-options指令 来创建一个下拉列表,列表项通过对象和数组来循环
ng-repeat 指令 来创建下拉列表
html dom元素的属性绑定应用数据的指令
ng-disabled 指令 <input type='button' ng-disabled = 'true'>
ng-show ng-show = 'true'
ng-hide
事件
ng-click <button ng-click="count=count+1">
原则:
1 不要试图去复用controller,一个控制器一般只负责一小块视图;
2 不要在controller中操作dom,这不是控制器的职责;
3 不要在controller里面做数据格式化,ng有很好用的表单控件
4 不要在controller里面做数据过滤操作,ng有$filter服务
5 一般,controller是不会相互调用的,控制器之间的交互会通过事件进行
AngularJS的MVC是借助于$scope实现的!!
指令 .directive('',function(){ return{ restrict:'AEMC',template:true,compile:function(){},link:function(){操作dom 绑定事件} } })
restrict:''
E 元素 <hello></hello>
A 属性 <div hello></div>
C 样式类 <div class='hello'></div>
M 注释 <!-- directive:hello -->
scope的绑定策略:
flavor:'@' 当前属性作为字符串传递
flavor:'=' 与父scope中的属性进行双向绑定
greet:'&' 传递一个来自父scope的函数,稍后调用
初入AngularJS基础门的更多相关文章
- 初入AngularJS
AngularJS是一款优秀的前端JS框架,已经被用于Google的多款产品当中.AngularJS有着诸多特性,最为核心的是:MVVM.模块化.自动化双向数据绑定.语义化标签.依赖注入等等. Ang ...
- PHP初入,基础知识点整理(样式表&选择器的使用整理)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>& ...
- 0x00linux32位汇编初入--前期准备
0x00汇编初入--前期准备 一.汇编工具 在linux平台下常用的编译器为as,连接器为ld,使用的文本编辑器为vim,汇编语法为att 以下是一些工具: addr2line 把地址转换为文件名和行 ...
- Java魔法堂:类加载器入了个门
一.前言 <Java魔法堂:类加载机制入了个门>中提及整个类加载流程中只有加载阶段作为码农的我们可以入手干预,其余均由JVM处理.本文将记录加载阶段的核心组件——类加载器的相关信息,以便日 ...
- Git初入
Git记录 使用git 也有一段时间了, git的入门级了解也就不再多说, 但平常使用中, 仍然会遇到很多问题, 在此记录一二. 在查资料的过程中, 发现了两个比较好的资料: 特别是第二个, 相当详细 ...
- 初入TensorFlow————配置TensorFlow
能看到这说明你对python已经有一定的了解了,因此很多基础直接跳过. 一.TensorFlow环境配置: TensorFlow的环境配置在网上很多的教程都是用anaconda的方式,但是很容易出现冲 ...
- 初入SG-UAP
初入SG-UAP SpriderMan 关注 2019.06.19 14:10 字数 1130 阅读 10评论 0喜欢 0 初次接触SG-UAP,将自己的见解以文字形式记录下来,希望能对初入的伙伴们有 ...
- Scala初入
何为Scala物 Scala为基于JVM虚拟机中的面向对象与函数式编程思想并且完全兼容Java的混合编程语言,可以是Scala与Java是同根同源的,既然Scala与JAVA都是基于JVM之上的编程语 ...
- AngularJS基础入门初探
一.AngularJS简介 1.1 什么是AngularJS (1)一款非常优秀的前端JS框架,可以方便实现MVC/MVVM模式 (2)由Misko Hevery 等人创建,2009年被Google所 ...
随机推荐
- matlab矩阵中如何去掉重复的行;如何找到相同的行,并找到其位置
找到了2个函数:unique和ismember 1. 去掉其中的重复行:unique 例子: IDX = [,,; ,,; ,,; ,,; ,,; ,,]; classNo = unique(IDX, ...
- BNU29376——沙漠之旅——————【技巧题】
沙漠之旅 Time Limit: 1000ms Memory Limit: 65536KB 64-bit integer IO format: %lld Java class name: M ...
- Linux内存管理机制简析
Linux内存管理机制简析 本文对Linux内存管理机制做一个简单的分析,试图让你快速理解Linux一些内存管理的概念并有效的利用一些管理方法. NUMA Linux 2.6开始支持NUMA( Non ...
- 深入理解JavaScript系列(20):《你真懂JavaScript吗?》答案详解
介绍 昨天发的<大叔手记(19):你真懂JavaScript吗?>里面的5个题目,有很多回答,发现强人还是很多的,很多人都全部答对了. 今天我们来对这5个题目详细分析一下,希望对大家有所帮 ...
- WCF寄宿在C#控制台,并用命令行启动
公司运用wcf比较多,所以自己研究一下寄宿做个笔记,wcf寄宿在控制台有两种方式 第一种,直接在控制台程序内添加wcf服务. 第二种分别添加控制台程序和wcf服务应用程序,前者引用后者,并在app.c ...
- html元素固定
1.position 值 描述 static 默认.位置设置为 static 的元素,它始终会处于页面流给予的位置(static 元素会忽略任何 top.bottom.left 或 ri ...
- Mysql只Union用法
MYSQL中的UNION UNION在进行表链接后会筛选掉重复的记录,所以在表链接后会对所产生的结果集进行排序运算,删除重复的记录再返回结果. 举例说明: select * from table1 u ...
- 正则表达式的实践demo
正则表达式十分强大,几乎在所有框架中处处可以看到,下载框架源码仔细阅读肯定可以发现.在项目应用中也经常需要正则的帮助,举个栗子,我们常需要用到的表单验证输入....其实还有很多,不一一道出,在这里我搜 ...
- 2729:Blah数集
2729:Blah数集 查看 提交 统计 提问 总时间限制: 3000ms 内存限制: 65536kB 描述 大数学家高斯小时候偶然间发现一种有趣的自然数集合Blah,对于以a为基的集合Ba定义如下: ...
- node:fs-extra模块
var fs = require('fs-extra'); //复制 并会覆盖已有文件 fs.copy('./demo/index.html','./demo/index2.html' ,(err) ...