【angularJS】简介

时间 2019-11-10

标签 angularJS 简介栏目 AngularJS 繁體版

原文原文链接

简介javascript

AngularJS 是一个 JavaScript 框架。它可经过 <script> 标签添加到 HTML 页面。html

AngularJS 经过指令扩展了 HTML，且经过 表达式 绑定数据到 HTML。java

AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。git

AngularJS 是以一个 JavaScript 文件形式发布的，可经过 script 标签添加到网页中：angularjs

AngularJS 经过 ng-directives 扩展了 HTML。AngularJS 指令是以 ng 做为前缀的 HTML 属性chrome

ng-app 指令定义一个 AngularJS 应用程序。express

ng-model 指令把元素值（好比输入域的值）绑定到应用程序。npm

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

1. AngularJS简介
2. angularJs(一)简介
3. Angularjs简介
4. AngularJS - 简介
5. Angularjs 简介
6. AngularJS - 服务简介
7. AngularJS 学习笔记---AngularJS 简介
8. angularjs整合ueditor简介
9. angularJS与IE8整合简介
10. AngularJS 简单的介绍
更多相关文章...
• Scala 简介 - Scala教程
• AJAX 简介 - PHP教程
• Github 简明教程
• Java Agent入门实战（一）-Instrumentation介绍与使用