AngularJs 的基础——第 2 部分

一则或许对你有用的小广告

欢迎加入小哈的星球 ,你将获得:专属的项目实战 / Java 学习路线 / 一对一提问 / 学习打卡/ 赠书活动

目前,正在 星球 内带小伙伴们做第一个项目:全栈前后端分离博客项目,采用技术栈 Spring Boot + Mybatis Plus + Vue 3.x + Vite 4手把手,前端 + 后端全栈开发,从 0 到 1 讲解每个功能点开发步骤,1v1 答疑,陪伴式直到项目上线,目前已更新了 204 小节,累计 32w+ 字,讲解图:1416 张,还在持续爆肝中,后续还会上新更多项目,目标是将 Java 领域典型的项目都整上,如秒杀系统、在线商城、IM 即时通讯、权限管理等等,已有 870+ 小伙伴加入,欢迎点击围观

angularjs的介绍我在之前的文章中已经讲解过了,现在我们来讨论angularjs的基本概念以及为什么要使用angularjs和它的特性。

angularjs简介

angularjs的基础知识

你也可以 在这里 阅读这篇文章到我的博客

什么是angularjs?

angularjs 是一个 javascript 框架,用于构建结构化和动态的 Web 应用程序。

为什么是angularjs?

  • 它是一个轻量级平台和开源
  • 我们可以使用多种方法在客户端构建 Web 应用程序
  • 在 html 中添加附加指令、自定义标签、属性、表达式、模板
  • 它可以支持测试驱动开发(tdd)
  • 它可以支持mvc和mvvm设计模式
  • 我们可以很容易地做到可维护性和可扩展性
  • 我们可以轻松地在应用程序中重用代码
  • 我们可以开发单页应用

angularjs的特点

  • 数据绑定:双向数据绑定
  • 指令
  • 设计模式
  • 依赖注入
  • 测试
  • 路由
  • 模板
  • 楷模
  • 控制器
  • 验证
  • 过滤器

数据绑定

数据绑定是自动更新模型和视图之间数据的变化。当模型改变时,视图反映改变,反之亦然。


指示

指令可用于元素名称、属性、类名称以及注释中。


 name:  <input id="text1" type="text" ng-model="name"/>


MVC

模型:

它包含具有应用程序功能的业务逻辑并通知视图更改。

看法:

它渲染模型数据并将用户请求发送到控制器。

控制器:

它包含应用程序行为并将用户操作映射到模型,选择视图进行响应。

依赖注入

依赖注入 (di) 是一种软件设计模式,用于处理组件如何获取其依赖项。

过滤器

我们可以使用过滤格式数据显示给用户。


 name:  <input id="text1" type="text" ng-model="name"/>

结论

本文帮助您了解 angularjs 的基础知识及其功能。



感谢您阅读我的文章。请与我分享您的宝贵意见和建议。