经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
 AngularJS

angular多语言配置详解

angular的国际化方案,采用ngx-translate来实现。 安装模块: npm install @ngx-translate/core --save 在根模块中导入: other module import {TranslateModule} fr...[2019/5/17]

Angular封装搜索框组件操作示例

Angular封装搜索框组件操作示例

本文实例讲述了Angular封装搜索框组件操作。分享给大家供大家参考,具体如下: 后台管理系统多是以表格和表单为主,有列表就一定会有列表的筛选功能,所以在此把列表头部的搜索功能拆分出一个公共组件,方便使用。 大致样式如下图: 这里我使用的是ng-zorro蚂蚁金服的angular...[2019/4/26]

Angular Excel 导入与导出的实现代码

前言 本文基于 angular v7.2.7,初次编写于2019-4-17。 虽然代码是基于angular 7.2.7,但是语法是基于 angular 4.X 以上均可使用 。在项目开发过程中,我们经常需要跟后端进行文件交互,常见的诸如 图片上传,excel 导入与导出等。这里我们只讨...[2019/4/18]

bootstrap tooltips在 angularJS中的使用方法

使用bootstrap自带的提示控件,省去了不少事情 <div cla ="s2" ng-init="InitTooltip()"> <input type="text" ng-pattern="/^(http|https|ftp)\: [a-zA-Z0-9\....[2019/4/11]

angular6根据environments配置文件更改开发所需要的环境的方法

前端开发过程中,我们常常需要根据需求去运行或者打包不同环境的代码,幸运的是,angular给我们提供了environments配置,但是angular6.x的配置方式和angular的其他版本的配置方式是有所不同的,下面我就分别介绍在测试test、预生产pre环境下实现environments配置...[2019/3/7]

Angular6 Filter实现页面搜索的示例代码

Angular6 Filter实现页面搜索的示例代码

前言 我们在开发过程中经常会遇到在页面上实现全局搜索的需求,例如:表格搜索,通过关键词检索整个表格,过滤出我们需要的数据。在Angular6 中我们可以通过Filter + Pipe 的方式来实现这个功能。下面我们看一下实现代码。 经人提醒,代码排版太乱。后续考虑将一个完整版的demo...[2018/12/3]

AngularJS上传文件的示例代码

使用AngularJS上传文件 前台是Angular页面 后台使用SpringBoot/SpirngMVC 上传文件 html <div> <input id="fileUpload" type="file" /> ...[2018/11/12]

angular4笔记系列之内置指令小结

内置指令 内置属性型指令 属性型指令会监听和修改其它HTML元素或组件的行为、元素属性(Attribute)、DOM属性(Property)。 NgCla 形式:[ngCla ]="statement" 通过绑定到NgCla ,可以同时添加或移除多个类。 ...[2018/11/9]

Angular父子组件通过服务传参的示例方法

今天在使用ngx-translate做多语言的时候遇到了一个问题,需要在登录页面点击按钮,然后调用父组件中的一个方法。 一开始想到了@input和@output,然而由于并不是单纯的父子组件关系,而是包含路由的父子组件关系,所以并不能使用@input方法和@output方法。 然后去搜索...[2018/11/1]

AngularJS 截取字符串

参考文章:https: blog.csdn.net/u010234516/article/detail 54631525 过滤器 app.filter(''textLengthSet'', function () { return function (...[2018/11/1]

使用angular-cli webpack创建多个包的方法

当我使用angular-cli构建项目时,它会将所有项目文件捆绑到一个主要的主包中. 我在应用程序中使用了懒惰路由,一旦应用程序加载,我就可以导航. 有没有一种方法可以将主包分为多个基于懒惰加载的路由模块的文件? 下面是角度-cli.json中的配置 { "projec...[2018/10/17]

angularJs中json数据转换与本地存储的实例

1.html:把json对象转换成json字符串 <!doctype html> <html lang="en"> <head>  <meta charset="UTF-8&quo...[2018/10/10]

在angularJs中进行数据遍历的2种方法

2种方式分别为: 1、数组数据遍历 2、对象数据遍历 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="ang...[2018/10/10]

angularJs提交文本框数据到后台的方法

如下所示: ng-model="name" 填写的数据提交到index.php index.html <!doctype html> <html lang="en"> <head> <meta charset="U...[2018/10/10]

基于Angular中ng-controller父子级嵌套的相关属性详解

ng-controller是为应用变量添加控制器 当有两个控制器father、child且child 在 father内,那child 可以称为子控制器,它将继承父控制器father的scope。child就可以访问到father的scope中的所有函数和变量。 例: <...[2018/10/10]

angular的输入和输出的使用方法

angular的核心组件化,可以说组件化的相当彻底。而要实现组件之间的通信,一个必不可少的就是输入和输出。通过对输入输出的学习,更加加深我对组件化的认识。 组件的输入 angular允许使用两种形式来定义组件的输入,一种是在装饰器@Component中使用inputs来定义,另一种是使用@Inpu...[2018/9/25]

290
2
记录数:16 页数:1/11
加载更多