AngularJS

Angular网络请求的封装方法

很多时候,我很喜欢angular的编码风格,特别是angular支持typescript之后,完整的生命周期,完美的钩子函数,都是别的语言所无法替代的。 这里我来说说我自己的网络请求封装,某种意义上来说,angular自己的网络请求封装的很好的,我们没有必要再来画蛇添足,但是,可能是我有那么一点点的代码洁癖吧,喜欢自己的风格样式,所以就有了这一点多余的东西。 Angular的网络请求 这里是ang... »

浅谈Angular HttpClient简单入门

现代浏览器支持使用两种不同的 API 发起 HTTP 请求:XMLHttpRequest 接口和 fetch() API。 @angular/common/http 中的 HttpClient 类为 Angular 应用程序提供了一个简化的 API 来实现 HTTP 客户端功能。 一、准备工作 首先在app.module.ts 导入 HttpClientModule。如下: import { Ht... »

Angular 容器部署的方法

很多人反应很难访问 Github Page,所以 ng-alain.com 转移到阿里云服务器上,因此做了一次完整的 Angular 容器部署。 以下我会阐述 ng-alain 整个过程,其中包括 Docker、Nginx、Let’s Sencrypt 证书等范涛,我无法保证新手可以很好的阅读她,不过你可以通过一些文章关键字在搜索引擎获得更多资料。 我们知道Docker有两个很重要的概... »

使用Angular CLI进行单元测试和E2E测试的方法

第一篇文章是: “使用angular cli生成angular5项目” ://www.jb51.net/article/136621.htm 第二篇文章是: “使用angular cli从蓝本生成代码” ://www.jb51.net/article/137031.htm 第三篇文章是: “使用Angular CLI生成路由”... »

angularjs实现过滤并替换关键字小功能

本文实例为大家分享了angularjs实现过滤并替换关键字的具体代码,供大家参考,具体内容如下 html样式 <body ng-app="myapp" ng-controller="myCtrl"> <input type="text" ng-model="keytext"> <p>{{ keytext|wordFilter:"#" }}</p> &... »

详解angularJS+Ionic移动端图片上传的解决办法

前端开发中经常会碰到图片上传的问题,网上的解决办法很多,可是有些图片上传的插件会有一些附属的插件,因此因为一个图片上传的问题可能额需要引入其他插件到项目中,久而久之项目会不伦不类,有时候插件之间也会有一些冲突,所以我们可以自己写一个图片上传的方法。 今天的demo是帮朋友做的一个移动端微信公众号项目,项目架构采用angular+ionic,因为对dom的操作jQuery会方便很多,但是jQuery... »

浅谈angular.js跨域post解决方案

跨域,前端开发中经常遇到的问题,AngularJS实现跨域方式类似于Ajax,使用CORS机制。 下面阐述一下AngularJS中使用$http实现跨域请求数据。 AngularJS XMLHttpRequest:$http用于读取远程服务器的数据 $http.post(url, data, [config]).success(function(){ ... }); $http.get(url, ... »

详解AngularJS跨页面传值(ui-router)

博主用的ionic 这里使用ui-router传值,用来在跳转页面的同时带着你想带走的东西一起跳走 (PS:博主半路出家,尚是菜鸟,写的东西自己跑起来并没有什么问题但不敢保证写的一定对,语言也很随意,仅供参考。另,期待各位前辈的指教) 博主用的ionic 这里使用ui-router传值,用来在跳转页面的同时带着你想带走的东西一起跳走 需求是这样的,我有一个商品单子(概览页),点一个商品就可以去看它... »

AngularJS日程表案例详解

功能:添加事件/完成事件/删除事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 0; } .note{ margin:0 a... »

详解Angular2表单-模板驱动的表单(Template-Driven Forms)

在网页开发中,表单估计是最常用的一个,同时也是最麻烦、最容易出问题的。在一个稍微复杂一点的应用中,我们除了用表单元素收集数据,还需要验证,几个数据之间可能还会相互关联,然后根据不同的数据值调用不同的业务逻辑等。 使用Angular提供的数据绑定的功能,我们可以很容易就在组件中获得用户输入的数据,Angular也提供了几种验证方式方便我们进行数据的校验。但是,一些自定义的数据验证、数据交互和业务逻辑... »

浅谈对Angular中的生命周期钩子的理解

本文介绍了Angular中的生命周期钩子的理解,分享给大家,希望对大家有所帮助 什么是生命周期钩子 简单点来说生命周期钩子就是Angular中一个组件从被创建当销毁期间的一些有意义的关键时刻.这些关键时刻在Angular中被Angular核心模块 @angular/core 暴露出来,赋予了我们在它们发生时采取行动的能力. 有哪些生命周期钩子 Angular中从一个组件的创建到销毁一个有八个生命周... »

Bootstrap + AngularJS 实现简单的数据过滤字符查找功能

Bootstrap + AngularJS 实现简单的数据过滤字符查找功能

 具体代码如下所示: find.html <!DOCTYPE html> <html ng-app="find"> <head> <title>字符查找</title> <meta charset="utf-8"/> <script src="../Script/angular.min.js" type="te... »

Angular 1.x个人使用的经验小结

前言angular1.x作为经典的mvc框架,可以创建能够复用的组件,也可进行双向数据绑定。国内的vue.js/avaloon.js都是同类型的框架,之前工作以Angular1.x为主,主要做业务系统,以后工作中技术栈可能以vue为主,在此对Angular1.x的使用做一个简单总结,这里使用1.5+版本。下面话不多说,来一起看看详细的介绍:基本概念1、依赖注入依赖注入,在angular中到处可见,... »

angular.js中解决跨域问题的三种方式

前言 开始本文之前,大家应该首先了解,协议、主机名和端口号相同叫同源。同源策略允许页面从同一个站点加载和执行特定的脚本。站外其他来源的脚本同页面的交互则被严格限制。 要解决这个问题就需要跨域,本文介绍解决angular中的跨域的三种方式: 一、JSONP JSONP的原理是通过 <script> 标签发起一个GET请求来取代XHR请求。JSONP生成一个<script> 标... »

AngularJS常见过滤器用法实例总结

本文实例讲述了AngularJS常见过滤器用法。大小写过滤器} 大写过滤器} 小写过滤器实例: 姓氏: 名字: 名字转大写: }货币过滤器currecy 过滤器可以将一个数值格式化为货币格式。currecy 过滤器允许我们自己设置货币符号。 »

AngularJS实现tab选项卡的方法详解

本文实例讲述了AngularJS实现tab选项卡的方法。分享给大家供大家参考,具体如下: 一、代码实现 <!DOCTYPE html> <html ng-app='app'> <head> <meta charset="UTF-8"> <title></title> <style> *{ list-style: n... »

Angular排序实例详解

说点小案例angular的排序 <!DOCTYPE html> <html ng-app="mk"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0px; padding: 0px; } nav{ ... »

简单谈谈require模块化jquery和angular的问题

require 模块化开发问题,正常自己写的模块 是exports 导出一个模块 //模块化引入jquery 不同和问题 require 引入jquery swiper .... 插件和库的时候需要 require.config({   baseUrl:"js/libs", //文件夹目录相对与html的位置   paths:{     'jquery':"jquery-1.9.1" //插件或库... »

Angular.JS中select下拉框设置value的方法

网上查了一遍,结合自己的一点探索,找到了答案,类似于表格记录的用法: 全部 } 打印下拉框的内容如下:全部 董浜惠健净菜 古里绿品公司 曹家桥物流公司 董浜农服中心 港南村7组 虽然option中多了一些属性,看着有点复杂,不过value总算有了正确的值。 »

详解Angular2响应式表单

文章目的是使用ng2提供的响应式表单技术快速搭出功能完善丰富的界面表单组件。都依赖于@angular/forms库,并共享了一些通用的表单控件集。angular会更新那些被改变的数据值。同步vs异步响应式表单是同步的。然后你将学会关于angular表单类以及如何在响应式表单中使用它。所以ng2就提供了让我们配合具体项目场景改写ngModel的能力,也就是原文介绍的响应式表单。 »

Ionic + Angular.js实现验证码倒计时功能的方法

前言 之前跟大家分享了关于 Android 原生实现验证码倒计时,地址是这里,现在公司使用 Ionic 开发的 App 也要实现类似的功能,现在也记录下来,供大家参考: 效果图: 正文 首先介绍下与本文相关的概念 $interval $interval 是 window.setInterval 的 Angular 包装形式,函数如果在没有被取消的时候会无限执行。(取消使用 cancel(promi... »

Angular 4依赖注入学习教程之Injectable装饰器(六)

它接收一个参数:target: TFunction - 被装饰的类看完第一眼后,是不是感觉都不好了。没事,我们马上来个例子:function Greeter: void }@Greeterclass Greeting }let myGreeting = new Greeting();myGreeting.greet(); // console output: 'Hello!Injectable 类... »

Angular2入门教程之模块和组件详解

Angular2应用由模块和组件构成,每个模块这样明明name.module.ts,组件则是name.component.ts。declarations:声明属于本模块的组件,每个组件必须在且仅在一个模块中声明。注意:我觉得学习Angular2很好的方法之一就是去看官方教程,有中文版的,很方便。 »

Angular2学习教程之TemplateRef和ViewContainerRef详解

TemplateRef 在介绍 TemplateRef 前,我们先来了解一下 HTML 模板元素 – <template> 。模板元素是一种机制,允许包含加载页面时不渲染,但又可以随后通过 JavaScript 进行实例化的客户端内容。我们可以将模板视作为存储在页面上稍后使用的一小段内容。 在 HTML5 标准引入 template 模板元素之前,我们都是使用 <sc... »

Ionic + Angular.js实现图片轮播的方法示例

本文主要给大家介绍了关于Ionic + Angular实现图片轮播的相关资料,分享出来供大家参考学习,需要的朋友们下面来一起看看吧。 先来看看实现的效果图: 方法示例: template文件夹新建slider.html <ion-view view-title="图片轮播"> <ion-content class="padding" scroll="false"> <... »

Page 1 of 43123»