Angular跳坑之旅——入门

发布时间：2020-12-17 09:21:24 所属栏目：安全来源：网络整理

导读：最近两年，前端开发市场比较流行一些框架的使用来提高我们的开发效率，比如2015~2016年流行起来的AngularJS,2016年流行起来的VueJS，2017年出现的svelet等等。最近公司的项目要使用Angular来进行项目的开发，在项目开发过程中，经历了很多的坑~这些坑，容我

最近两年，前端开发市场比较流行一些框架的使用来提高我们的开发效率，比如2015~2016年流行起来的AngularJS,2016年流行起来的VueJS，2017年出现的svelet等等。最近公司的项目要使用Angular来进行项目的开发，在项目开发过程中，经历了很多的坑~这些坑，容我娓娓道来：

我们要使用一个技术，首先要了解这个技术是作什么的？怎么引入？用在哪里？

接下来，简单描述一下Angular是个什么东西，让我们对Angular的使用有一个基础的铺垫

一、 Angular概述

1. Angular是什么东西？

AngularJS是一个实现了MVC处理模式和MVVM数据双向绑定的前端开发JavaScript框架，用于构建和快速开发动态web项目；以其MVC、MVVM、依赖注入、强大的组件化模块化开发而流行于我们前端开发市场！

2. Angular中都有什么组成部分？

AngularJS在项目开发时，都会用到它里面的数据双向绑定、控制器、内置指令和自定义指令、过滤器和自定义过滤器、服务和自定义服务、ng路由和第三方的ui路由，组件化模块化开发等等

3. Angular怎么下载

目前，Angular有1.X和2.X的版本，官网退出的4.X的版本是一个2.X作为基础的语法版本，核心还是2.X的版本

软件开发市场比较流行的是1.3+版本，2.X版本在项目开发过程中使用的公司较少。

Angular1.X版本。通过http://code.angularjs.org进行下载，这是Angular官网的FTP服务器，可以直接下载公司项目中使用的Angular对应的版本

Angular2.x版本，请访问http://www.angularjs.io官网，自行下载和使用

4. Angular怎么在项目中使用

>>>> 项目中怎么引入Angular框架

通常有两种方式

** 1. 通过下载Angular的离线zip压缩包，在项目中通过script标签引入js文件来使用Angular框架

<script src="js/lib/Angular/angular.min.js"></script>

** 2. 通过npm的形式进行安装Angular包，在项目中require或者import导入使用

var angular = require("angular");

import angular from "angular";

本节内容就是简单了解AngularJS是应用于前端开发的一个流行的框架以及它的特点！下节内容我们开始在项目中使用AngularJS!

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!