-
Angular动画
所属栏目：[安全] 日期：2020-12-17 热度：157
Angular动画基于W3C的Web Animations标准。不在Angular Core中了。 动画其实就是从一个状态过渡到另一个状态。状态本身包含形状，颜色，大小等。 State 就是定义状态 Transition 是定义如何过渡。 Animate规定了具体怎样过渡，比如时间过渡的速度等。Animate[详细]
-
【angularJS】Filter 过滤器
所属栏目：[安全] 日期：2020-12-17 热度：80
当从后台获取到的数据呈现到视图上时，此时可能需要对数据进行相应的转换，此时我们可以通过过滤器在不同页面进行不同数据的格式抓换，在AngularJS中有常见默认的过滤器，当然若不满足所需，我们可以自定义过滤器。 AngularJS 过滤器可以用来格式化数据，过[详细]
-
【angularJS】Directive指令
所属栏目：[安全] 日期：2020-12-17 热度：77
AngularJS 通过被称为? 指令 ?的新属性来扩展 HTML。指令是扩展的 HTML 属性，带有前缀? ng- 。 内置指令 1 、 ng-app ?指令初始化一个 AngularJS 应用程序。 ????? 定义了 AngularJS 应用程序的? 根元素 。 2 、 ng-init ?指令初始化应用程序数据。 ?????[详细]
-
浅谈 Angular 项目实战
所属栏目：[安全] 日期：2020-12-17 热度：147
为什么使用 Angular 我不是 Angular 的布道者，但如今痴迷 Angular，使用 Angular 做项目让我有一种兴奋感。目前的三大主流前端框架都研究过，博客中也有三者的相关教程，最早接触的是 React，但是并没有实际的项目经验，只做过一些 Demo 。使用 Vue 做过一[详细]
-
UT----回调函数 和 promise angularjs + jasmine + karma
所属栏目：[安全] 日期：2020-12-17 热度：110
1、测试回调函数? 和? promise ? contextBrokerService.addOnMessageListener(function (message) { MetaService.GetBondNameByXref(message).then(function (res) { vm.defaultBondName = res.data; }); } ? ? UT spyOn(contextBrokerService,‘addOnMessag[详细]
-
angularJS导出数据到Excel
所属栏目：[安全] 日期：2020-12-17 热度：96
button class="btn w-xs btn-success" ng-disabled="problemList.length == 0" ng-click="exportData()"导出/buttontable class="table table-striped table-hover" id="tableExcel" thead tr th名称/th th河段名称/th th创建人/th th问题类型/th th来源/th[详细]
-
AngularJS进阶 十七 在AngularJS应用中实现微信认证授权遇到的坑
所属栏目：[安全] 日期：2020-12-17 热度：133
在AngularJS应用中集成微信认证授权遇到的坑 注:请点击此处进行充电! 前言 ? ? ? ? ? ? 项目开发过程中，移动端新近增加了一个功能“微信授权登录”，由于自己不是负责移动端开发的，但最后他人负责的部分未达到预期效果。不能准确实现微信授权登录。最后还[详细]
-
Angular ui-route介绍
所属栏目：[安全] 日期：2020-12-17 热度：63
参考博客:?https://www.cnblogs.com/haogj/p/4885928.html ? 原文地址：http://www.ng-newsletter.com/posts/angular-ui-router.html ui-router:?https://angular-ui.github.io/ui-router/site/#/api/ui.router? ui-router 是 AngularUI 库提供的特别有用的[详细]
-
AngularJS进阶 十八 在AngularJS应用中集成科大讯飞语音输入功能
所属栏目：[安全] 日期：2020-12-17 热度：65
在AngularJS应用中集成科大讯飞语音输入功能 注：请点击此处进行充电! 前言 ? ? ? 根据项目需求，需要在首页搜索框中添加语音输入功能，考虑到科大讯飞语音业务的强大能力，遂决定使用科大讯飞语音输入第三方服务。软件首页截图如下所示： ? ? ? ? 涉及的源[详细]
-
Angular2中使用ngx-translate进行国际化
所属栏目：[安全] 日期：2020-12-17 热度：191
转自 https://blog.csdn.net/u014291497/article/details/61233033 ? 相较于angularjs中的ng-translate,angular2也有适合自己的国际化模块，就是ngx-translate。 项目地址：https://github.com/ngx-translate/core 使用angular-cli初始化项目： ng new my-pr[详细]
-
Angular5 reactive Forms Listening for Changes 监听表单变化
所属栏目：[安全] 日期：2020-12-17 热度：62
在html 中定义了 FromGroup，怎么来监听用户输入值的变化呢？ 可以使用 valueChanges 来订阅变化。 this.myForm.valueChanges.subscribe(val = { // to do}); 首先，实例化FromGroup initFormControls() { this.form = this._formBuilder.group({ ipCtrl: ne[详细]
-
angular5.x拦截器 给get post请求添加参数user_token
所属栏目：[安全] 日期：2020-12-17 热度：87
export class Interceptor implements HttpInterceptor { public myAppListService; constructor(private message: NzMessageService,private injector: Injector) { } public intercept(req: HttpRequestany,next: HttpHandler): ObservableHttpEventany {[详细]
-
AngularJS进阶 二十 HTML5实现获取地理位置信息并定位功能
所属栏目：[安全] 日期：2020-12-17 热度：116
HTML5实现获取地理位置信息并定位功能 注：请点击此处进行充电! 前言 ? ? ?这篇文章主要介绍了 HTML5 实现获取地理位置信息并定位功能 , 本文讲解了原生 HTML5 、百度地图、谷歌地图等三种获取理位置信息并定位的方法 , 需要的朋友可以参考下 。 HTML5 提供[详细]
-
二、Angular项目创建、安装、启动
所属栏目：[安全] 日期：2020-12-17 热度：88
1. 项目创建，进入预先存放项目的路径，命令行执行 ng new ProjectName 创建成功后的项目 2. 项目安装，进行项目中执行命令 npm install? 3. 项目运行，执行命令 ng serve 4. 查看打开的页面，每个人版本可能不一样，页面打开的效果也不一样。 ? 问题 创建项[详细]
-
一、Angular环境的搭建
所属栏目：[安全] 日期：2020-12-17 热度：107
1. 安装 nodejs (1)? 下载网址 https://nodejs.org/en/download/ (2)?双击进行安装 (3)? 打开命令行，输入 node -v 和 npm -v 查看是否安装成功 ? 2. 安装 cli 脚手架 ? 命令 ?npm install -g angular-cli[详细]
-
三、Angular自动生成项目，主要文件分析
所属栏目：[安全] 日期：2020-12-17 热度：80
1.? 项目主要文件存放的路径 2.app.module.ts 模块解析 ? ? ? ? ? ? ? ? ? ? ? 扩展 文件的关系是从属关系： |--app.module.ts(模块) ?|--app.component.ts(组件) ??|--app.component.html(HTML模板) ??|--app.component.css?(CSS样式表) 一个模块可以有多个[详细]
-
AngularJS进阶 八 实现页面跳转并进行参数传递
所属栏目：[安全] 日期：2020-12-17 热度：168
angularjs实现页面跳转并进行参数传递 注:请点击此处进行充电! Angular页面传参有多种办法，我在此列举4种最常见的: 1.? 基于ui-router的页面跳转传参 (1)?在AngularJS的app.js中用ui-router定义路由，比如现在有两个页面，一个页面（producers.html）放置了[详细]
-
四、Angular新建组件和使用
所属栏目：[安全] 日期：2020-12-17 热度：81
1.? 新建组件命令 ng component 组件路径 2. 组件 ts 文件详解 3.组件会自动引入到app.mudule.ts里面 ? 4. 组件的使用[详细]
-
angular6引入material-ui
所属栏目：[安全] 日期：2020-12-17 热度：191
第一步：安装material和cdk和animations，一个也不能缺，否则会报错。 npm install --save @angular/material @angular/cdk @angular/animations 第二步：在核心模块引入BrowserAnimationsModule和需要用到的material组件 1 import { NgModule } from ‘@ang[详细]
-
angular-cli6使用ng serve --o 控制台报错Invalid Host Header
所属栏目：[安全] 日期：2020-12-17 热度：89
angular-cli6使用ng serve --o 运行创建的项目，能正常访问，但是控制台一直在报错，点击报错能看到是因为webpack的webpack-dev-server里报的错， 看到网上介绍了配置webpack-dev-server对host header 正确性检测， 但是angular6里修改的配置文件需要修改nod[详细]
-
Angular.js实现分页
所属栏目：[安全] 日期：2020-12-17 热度：59
一、编写angularJS实现的分页js(网上搜)和样式表（pagination）,并在页面引入 二、编写变量和方法 // 分页控件控制 $scope.paginationConf= { currentPage: 1, // 当前页 totalItems:10, // 总记录数 itemsPerPage:10, // 每页记录数 perPageOptions:[10,20,[详细]
-
[Angular] ngClass conditional
所属栏目：[安全] 日期：2020-12-17 热度：174
Using ngClass for conditional styling,here is the usage from the docs: /* * * @ngModule CommonModule * * @usageNotes * ``` * some-element [ngClass]="‘first second‘".../some-element * * some-element [ngClass]="[‘first‘,‘second‘]".../s[详细]
-
RouteReuseStrategy angular路由复用策略详解,深度刨析路由复用
所属栏目：[安全] 日期：2020-12-17 热度：149
关于路由复用策略网上的文章很多，大多是讲如何实现tab标签切换历史数据，至于如何复用的原理讲的都比较朦胧，代码样例也很难适用各种各样的路由配置，比如懒加载模式下多级嵌套路由出口网上的大部分代码都会报错。 我希望能通过这篇文章把如何复用路由的原[详细]
-
AngularJS进阶 七 实现根据不同条件显示不同控件
所属栏目：[安全] 日期：2020-12-17 热度：172
AngularJS实现根据不同条件显示不同控件 由于项目需求，需要实现根据不同条件显示不同控件的功能。具体要求如下图所示: ? 即 当选择“每单固定减”时，下方只显示“减免金额”一栏； ????当选择“每单固定折扣”时，下方只显示“折扣比例”一栏； ??当选择“[详细]
-
Angular刷新当前页面的几种方法
所属栏目：[安全] 日期：2020-12-17 热度：188
默认，当收到导航到当前URL的请求，Angular路由器会忽略。 a routerLink="/heroes" routerLinkActive="active"Heroes/a 重复点击同一链接页面不会刷新。 从Angular 5.1起提供onSameUrlNavigation属性，支持重新加载路由。 @NgModule({ imports: [RouterModul[详细]
