AngularJs学习第一章（来自angularJS菜鸟教程）
Posted 三里路
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了AngularJs学习第一章（来自angularJS菜鸟教程）相关的知识，希望对你有一定的参考价值。
AngularJS是一个javascript框架，它可以通过<script>标签添加到html页面。是一个JavaScript编写的库
AngularJS通过指令扩展了HTML，且通过表达式绑定数据到HTML
最好放在<body>元素的底部这样会提高网页加载速度，因为HTML加载不受制于脚本加载。
AngularJs扩展了HTML--四大指令
1.Angular 通过ng-dircctives扩展了HTML
2.ng-app指令定义一个AngularJs应用程序
3.ng-model指令把元素值（比如输入域的值）绑定到应用程序
4.ng-bind指令把应用程序绑定到HTML视图
例子：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<div ng-app="" ng-init="furstName = ‘杨芬‘">
<p>姓名为：<span ng-bind = "furstName"></span></p>
</div>
</body>
</html>
运行结果：
姓名为：杨芬
注意：HTML5允许扩展的（自制的）属性，以data开头。
AngularJS属性允许以ng-开头但是可以使用data-ng-来让网页对HTML5有效
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<div data-ng-app="" data-ng-init="firstName=‘John‘">
<p>姓名为 <span data-ng-bind="firstName"></span></p>
</div>
</body>
</html>
以上是关于AngularJs学习第一章（来自angularJS菜鸟教程）的主要内容，如果未能解决你的问题，请参考以下文章