【angularJS】简介
简介
AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。
AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定数据到 HTML。
AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。
AngularJS 是以一个 JavaScript 文件形式发布的,可通过 script 标签添加到网页中:
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
AngularJS 通过 ng-directives 扩展了 HTML。AngularJS 指令是以 ng 作为前缀的 HTML 属性
ng-app 指令定义一个 AngularJS 应用程序。
ng-model 指令 把元素值(比如输入域的值)绑定到应用程序。
ng-bind 或{{}}指令 把应用程序数据绑定到 HTML 视图。
实例:
<!DOCTYPE html> <html> <body> <div ng-app=""><p>在输入框中尝试输入:</p><p>姓名:<input type="text" ng-model="name"></p><p ng-bind="name"></p> </div> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> </body> </html>
当网页加载完毕,AngularJS 自动开启。
ng-app 指令告诉 AngularJS,<div> 元素是 AngularJS 应用程序 的"所有者"。
ng-model 指令把输入域的值绑定到应用程序变量 name。
ng-bind 指令把应用程序变量 name 绑定到某个段落的 innerHTML。
AngularJS 表达式
AngularJS 表达式写在双大括号内:{{ expression }}。
AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙。
AngularJS 将在表达式书写的位置"输出"数据。
AngularJS 表达式 很像 JavaScript 表达式:它们可以包含文字、运算符和变量。实例 {{ 5 + 5 }} 或 {{ firstName + " " + lastName }}
AngularJS 对象就像 JavaScript 对象:person={firstName:'John',lastName:'Doe'}
AngularJS 数组就像 JavaScript 数组:points=[1,15,19,2,40]
angular开发工具介绍
代码编辑工具:Sublime(轻量级)、webstorm
断点调试工具:chrome插件batarang
版本管理工具:git
开发和调试工具:Nodejs,,npm包管理器【npm install xxx】以下都可以通过npm安装
代码合并和混淆工具:grunt
依赖管理工具:bower
轻量级server:http-server 模拟后台,在目录下模拟一些文件数据
js单元测试runner:karma+jasmine
Karma:跑测试用例的runner;jasmine:用例编写测试用例
Angularjs专用的单元测试工具:Protrator
转载于:https://www.cnblogs.com/peterYong/p/10098845.html
【angularJS】简介相关推荐
- AngularJS 学习笔记---AngularJS 简介
AngularJS 简介 http://www.runoob.com/angularjs/angularjs-intro.html https://docs.angularjs.org/api/ng ...
- 《AngularJS入门与进阶》图书简介
一.图书封面 二.图书CIP信息 图书在版编目(CIP)数据 AngularJS入门与进阶 / 江荣波著. – 北京 : 清华大学出版社, 2017 ISBN 978-7-302-46074-9 Ⅰ. ...
- AngularJS安装配置与基础概要整理(上)
以前整理的,可供参考. 安装: 1.首先要安装node.js和它的npm包管理系统.(nodejs相关待整理) 2.安装grunt .grunt是一个基于任务的Javascript工程命令行构建工具. ...
- 一款优秀的JavaScript框架—AngularJS
AngularJS简介 AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购.是一款优秀的前端JS框架,已经被用于Google的多款产品当中.Angular ...
- AngularJS 作用域与数据绑定机制
AngularJS 简介 AngularJS 是由 Google 发起的一款开源的前端 MVC 脚本框架,既适合做普通 WEB 应用也可以做 SPA(单页面应用,所有的用户操作都在一个页面中完成).与 ...
- AngularJS学习笔记(一)
前言 几个月之前了解过一点Angular,主要是通过phonecat应用程序了解一些入门东西,但是当被问及什么是Angular或者你对Angular的理解时,只记得一个MVVM双向数据绑定,显然这是不 ...
- 使用Spring boot,Thymeleaf,AngularJS从零开始构建新的Web应用程序–第3部分
在之前的博客中,我们使用Thymeleaf,Bower和Bootstrap构建了登录页面,并将其部署到了Heroku. 在此博客中,我们将介绍用于前端的AngularJS和在后端的Spring Boo ...
- 使用Spring boot,Thymeleaf,AngularJS从零开始构建一个新的Web应用程序-第3部分
在之前的博客中,我们使用Thymeleaf,Bower和Bootstrap构建了登录页面,并将其部署到了Heroku. 在此博客中,我们将介绍用于前端的AngularJS和在后端的Spring Boo ...
- AngularJS基础入门初探
一.AngularJS简介 1.1 什么是AngularJS (1)一款非常优秀的前端JS框架,可以方便实现MVC/MVVM模式 (2)由Misko Hevery 等人创建,2009年被Google所 ...
- [AngularJS]--基本用法
2019独角兽企业重金招聘Python工程师标准>>> AngularJS简介 AngularJs是Google下一代前端框架,基于mvc架构,它提供的功能如下: 1.解耦应用逻辑, ...
最新文章
- java学习(4)--oracle
- Execution Plan 执行计划介绍
- APT的源列表--sources.list
- hb-550s计算机电源,XFX TS 550金牌电源拆解及电路分析
- java判断线段是否相交函数_判断线段是否相交… | 学步园
- 2010浙大878计算机专业基础综合解析
- 如何直接打开android系统的wifi设置页面,防止intent劫持
- 百度文库免下载券下载的方法
- docx转换成txt linux,如何将doc / docx文件转换为markdown或结构化文本?
- 4.14 在数字的左侧进行补零 [原创Excel教程]
- 北邮 网络安全 期末复习 知识点总结之防火墙
- 雷电模拟器 + Xposed框架 + 北京消费券
- 前端移动端刻度尺实现
- 业财一体化管理解决方案丨汇信
- less的了解及基本使用
- 零售数字化转型DTC模式,只是投网红直播吗?
- 考研计算机南大和武大难度,全国高校考研录取难度排行榜,浙大第五、南大第十!武大掉出前十...
- SCI、Science、Web of Science、Nature的区别
- R语言数据可视化——图形色彩设计(调色盘)
- 云服务器、个人服务器、软路由、NAS的奇特用法(一)you-get下载视频 以b站为例(可支持网易云音乐、acfun、土豆、优酷等详情见附录)
热门文章
- 【C++基础】 类模板
- JavaScript | 声明数组并在每个循环中使用的代码
- 0-1背包问题(物品不可分割)
- c语言if不能判断u8变量值,C语言变量名命规则.doc
- 【汇编语言】除法(DIV/IDIV)
- 3说明书_知行翻译:做化妆品说明书翻译时,这3点需要谨记
- stm32驱动ssd1306配置_STM32 OLED 屏幕 驱动芯片SSD1306 IIC代码
- uva 11714——Blind Sorting
- 198. 打家劫舍 golang 动态规划 数组越界
- Redis常见问题及其一些重点知识总结