AngularJS入门篇1-1

来源：互联网发布：python求最大公约数包编辑：程序博客网时间：2024/05/18 12:31

AngularJS是目前活跃于前端开发的框架，近日需求项目开发中使用AngularJS来提高项目的速度，于是我开始了AngularJS框架的学习之旅，以下是本人通过学习总结的一些内容，希望对大家有所帮助

AngularJS入门：

1,1AngularJS是什么？

AngularJS是JavaScript的框架，是一个基于MVC处理模式和MVVM双向绑定的前端开发框架，用于wed项目开发，由：MVC、MVVM、依赖注入、以及组件化模块开发而流行于当前前端开发市场

1.2AngularJS组成部分

AngularJS是由：双向绑定、控制器、内置指令、自定义指令、过滤器、自定义过滤器、服务和自定义服务，ng路由和第三方ui路由组件化开发等等

1.3AngularJS怎么下载？

1.AngularJS版本的有1。2两个版本的区别

官方网址下载：http://code.angularjs.org

1.1 AngularJS是一个MVC处理模式：

M是指数据：model，V是指视图：view，C是指控制器：Controller；

1.2 AngularJS 是 javaScript 的框架，通过<script>标签添加到HTML页面的
例：<script src="js/lib/angular-1.6.4/angular.min.js(文档路径)"></script>

自主学习者建议先看官方教程后学自学：

https://code.angularjs.org/1.6.4/docs/tutorial

1.4 AngularJS基本指令：

ng-app指令相当于程序入口，开启Angular应用程序

ng-model 指令将元素绑定到应用程序，同样通过自定义名称

ng-init指令初始化 AngularJS 应用程序变量。

1.5 ng-app基本程序方式例：

<!DOCTYPE html><html ng-app><head>    <meta charset="UTF-8">    <title>Title</title></head><script src="../js/angular.min.js"></script><!--angular需要自己下载--><body><div ng-init="price=144;count=1">    单价： <span>{{price}}</span>    购买数量：<input type="number" ng-model="count">    小计金额：{{price*count}}</div>

0 0