![](https://img-blog.csdnimg.cn/20190918140158853.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
angular
文章平均质量分 83
angularJS学习记录
努力的小朱同学
未来很长,梦想很远。
展开
-
AngularJS 学习笔记(五)--- 包含和动画
一、包含1、概念 在 AngularJS 中,你可以在一个 HTML 文件中包含另一个 HTML 文件。跟 JavaScript 的 innerHTML 功能类似。除了可以包含 HTML 文件外,还可以包含 AngularJS 代码。默认情况下, ng-include 指令不允许包含其他域名的文件。2、案例// 包含html<body ng-app=""><div ng-include="'a.html'"></div></body>//原创 2021-07-23 14:24:23 · 216 阅读 · 2 评论 -
AngularJS 原生代码实现穿梭框
之前一段时间都在跟一个前端用 AngularJS 写的项目实习,有一个地方需要用到穿梭框,在网上找了几个组件,但是发现这个项目都没有引入这几个组件的框架,老板又不想引入新的框架,所以…只能手写一个,直接上手硬写。写之前觉得很难,但是写完之后觉得,也没有想象中的那么难。所以 行动 > 想法。最后吐槽一句: 这项目真垃圾,改别人的代码真痛苦。 先来一张效果图: 然后上代码:html:<div class="select-user"> <span class="s原创 2021-07-31 10:09:35 · 640 阅读 · 1 评论 -
AngularJS 学习笔记(一)--- 表达式和指令
注:最近实习的公司接手了一个17年的项目用到了 AngularJS ,让我去做一些东西,我想既然用到了 那我就整理一下学习笔记吧,也算留个印象。但肯定比较粗糙,只是说怎么用,而不去深入探究原理机制一、AngularJS 简介 AngularJS 是一个开发动态Web应用的 JavaScript 框架,扩展了 HTML 语法 ,并通过数据绑定和依赖注入减少了大量代码。我感觉在语法上跟 Vue 有一定的相似性,但也有很大的不同。最主要的是Module(模块)和Controller(控制器)的概念,模块定原创 2021-07-22 11:12:11 · 244 阅读 · 1 评论 -
AngularJS 学习笔记(三)--- Service、Http和select
一、服务 Service1、概念 在 AngularJS 中,服务是一个函数或对象,可在你的 AngularJS 应用中使用,AngularJS 中的内置服务可直接进行使用,例如 location、location、location、http 等等。出了系统中内置的服务,我们还可以通过 .service 自定义服务。服务可以在控制器,指令,过滤器或其他服务中使用它 AngularJS 的很多内置服务,在DOM中都有对应的对象,之所以推荐使用服务而不是对象,是因为这些服务可获取到应用生命周期内的原创 2021-07-22 17:24:35 · 114 阅读 · 1 评论 -
AngularJS 学习笔记(二)--- 模块、控制器和过滤器
一、控制器 controller1、概念 AngularJS 控制器 控制 AngularJS 应用程序的数据,是一个常规的 JavaScript 对象,里面定义变量和函数,对接口,从后台获取数据,数据初始化等操作 都是在控制器中进行。控制器的控制范围受限于相应 Module 的范围。 在实际应用中,通常都是把 控制器放到外部 js 文件中,只需要通过 script 标签引入即可正常使用。而且一个 module 中可以有多个 controller。2、案例<div ng-app="m原创 2021-07-22 15:19:27 · 126 阅读 · 1 评论 -
AngularJS 学习笔记(六)--- 依赖注入和路由
一、依赖注入1、概念 依赖注入(Dependency Injection,简称DI)是一种软件设计模式,在这种模式下,一个或更多的依赖(或服务)被注入(或者通过引用传递)到一个独立的对象(或客户端)中,然后成为了该客户端状态的一部分。该模式分离了客户端依赖本身行为的创建,这使得程序设计变得松耦合,并遵循了依赖反转和单一职责原则。与服务定位器模式形成直接对比的是,它允许客户端了解客户端如何使用该系统找到依赖。用一句话来总结就是:没事你不要来找我,有事我会去找你。 AngularJS 提供了很好的转载 2021-07-23 21:27:46 · 186 阅读 · 1 评论 -
AngularJS 学习笔记(四)--- 表单验证和常用API
一、表单验证1、概念 AngularJS 表单和控件可以对输入的数据进行验证,并对用户输入的非法数据进行警告。一般来说就算前端进行了验证,后端为了安全还是要再次进行验证。 HTML5的表单本身带有一定的验证能力,可以与 AngularJS 的验证同时存在,也可以通过在 form 标签上添加 novalidate 属性来禁用表单自带的验证功能。在使用AngularJS 的验证时,必须保证 form标签有name属性,而且其验证由表单的 type 属性决定规则。2、验证属性属性功能原创 2021-07-22 21:11:59 · 140 阅读 · 1 评论