AngularJS入门级教程(非诚勿扰)

来源：互联网发布：大数据开发需要学多久编辑：程序博客网时间：2024/05/19 23:09

简介 ：AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。

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

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

首先，需要清楚AngularJS的几个最基础的指令，ng-app( 定义一个 AngularJS 应用程序。是AngularJS应用程序运行的入口) ,ng-controller(定义应用的控制器对象，将一个标签和控制器进行绑定，控制器中的数据，就可以使用在这个标签的内部了），ng-model(用来将表单元素的数据和变量双向绑定 ),和ng-bind(指令告诉 AngularJS 使用给定的变量或表达式的值来替换 HTML 元素的内容。单向绑定的)。

这样我们就可以在HTML中引进 AngularJS的指令了，第一步就是在<html>中引进ng-app,列如<html ng-app或者ng-app=“模块名”>，第二步把 Angular库引进来，第三步在<script>中定义模块和控制器，列如：

第四步，就是在标签中添加了，<body>  <div ng-controller="myCtrl">  <input type="text" ng-model="hello">  {{hello}}</body></div>

第五步，可以运行了。在页面中，可以通过改变input中的值，页面中的也随之改变，反之，也可以通过改变页面的值改变input中的值。

通过此练习，可以初步的了解angularjs 是怎么一个运用的过程，对于刚接触的初学者来说较好的理解和容易掌握基础操作。大家共同学习，共同进步。后续会有更多分享，请持续关注！！！

1 0