经验首页
AngularJS全新 UI 震撼来袭！ng-matero v18 正式发布！
前言 断断续续折腾了近两周，ng-matero v18 终于发布了。其中最大的亮点是启用 Material 3 主题以及全新的 UI 设计。特别说明，这是 ng-matero 发布五年以来首次 UI 大改版！本文重点聊一下 Material 3 的使用方式以及 v18 的几个小变化。 ...[2024/7/3]
Angular等了三年，那个她已经来了
Angular生态丰富，功能强大，支撑了许多大型项目的开发。而且一直在前方等待着其他框架跟上。但是不得不直面的一个问题就是：“在等待其他框架跟上的这三年”，Angular在陆陆续续抛弃之前引以为豪的设计。又由于大量的历史包袱，这些设计变更又做得扭扭捏捏，做不到轻装上阵。比如NgModule之于S...[2024/5/29]
十分钟学会angular
首先笔者有一定的vue基础，但是遇到了含有angular的应用，因此需要学习angular的应用，在学习过程中将自己的学习步骤给一一记录下来，因此假设读者也是具有html及js的基础，在此基础上可以跟着我快速学习并掌握angular的基本使用方法。 一、angular的基本介绍： Angul...[2023/7/17]
angular报错can't resolve all parameters for []的解决
目录angular报错can't resolve all parameters for []报错如下找个几种原因总结如下angular4 Can't resolve all parameters总结 angular报错can't resolve all parameters ...[2023/3/6]
angular强制更新ui视图的实现方法
目录angular 强制更新ui视图方法1 主要使用方法类 ChangeDetectorRef2 赋值引入3方法中调用angular踩坑 数据发生改变，视图未更新解决方案 总结 angular 强制更新ui视图方法 强制更新ui视图方法主要用在数据已经改变，但是ui展示视图不跟新情况 ...[2023/3/6]
在Angular中如何监听某个值的变化
目录Angular监听某个值的变化使用getterangular使用form表单监听数据引入主要使用方法类 FormGroup，FormBuilder，Validators赋值引入创建表单+监听数据总结 Angular监听某个值的变化 使用getter 在 Angular ...[2023/3/6]
JS Angular 服务器端渲染应用设置渲染超时时间
我们用 setTimeout 模拟一个需要 5 秒钟才能完成调用的 API： const expre = require('expre '); const app = expre (); app....[2022/6/27]
Angular6使用forRoot() 注册单一实例服务问题
假如我们有一个shareModule来存放公用的组件(Component)、指令(Directive)、管道(Pipe)、服务（Service），为避免各个子模块引用shareModule时造成App中有多个一样的单一实例服务的问题。我们可以在shareModule中建立同意的App层级的服务。 ...[2019/8/28]
利用Angular7开发一个Radio组件的全过程
一、准备工作 Angular7（以下简称ng7）,已经跟之前版本大有不同。新建工程后，可方便创建library（简称lib）,lib是什么呢？就是一个npm包的源码包。npm作为强大的包管理器，已经成为很多FEer分享智慧成果的法器。本文主要介绍本人写的一个radio组件。 二、开...[2019/7/12]
angular多语言配置详解
angular的国际化方案，采用ngx-translate来实现。 安装模块： npm install @ngx-translate/core --save 在根模块中导入： other module import {TranslateModule} fr...[2019/5/17]
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 + 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]