AngularJS入门篇1-1

最新推荐文章于 2018-12-04 18:48:20 发布

Mr-K

最新推荐文章于 2018-12-04 18:48:20 发布

阅读量367

点赞数

本文链接：https://blog.csdn.net/wk15038187622/article/details/70821358

版权

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>

Mr-K

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AngularJS入门篇1-1

1.1 AngularJS是一个MVC处理模式：M是指数据：model，V是指视图：view，C是指控制器：Controller；1.2 AngularJS 是 javaScript 的框架，通过标签添加到HTML页面的例：1.3 AngularJS1.x代码下载网址：http://code.angularjs.org自主学习者建议先看官方教程后学习：
复制链接

扫一扫