AI导航网
微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦！
HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsTypeScriptVueDojoJsonElectronNode.jsextjsExpress XMLES6AjaxFlashUnityuniappUnity3dReactFlexAnt DesignelementuiWeb前端微信小程序微信公众号
Angular 页面初始化动画
用于进入组件前的加载动画 第一步：index.html 定义动画模板和样式 // 样式 <style type="text/css">.preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background:
AngularJs解决表达式闪烁的问题ng-cloak
举例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> /*[ng-cloak] 属性选择器 匹配所有包含这个属性的元素*/ .ng-cloak, [ng-cloak] {
Angularjs自动生成表格Table(用于数据回显)
Angularjs自动生成表格Table 1、使用场景： （1）使用Augularjs请求后台，查询记录，将返回的记录以表格的形式进行显示； （2）对表格进行编辑时，数据回显 2、使用方式 （1）方式1 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/angul
AngularJS进阶 十六 脏值检查
脏值检查 注：请点击此处进行充电! 需求     在项目开发过程中，需要对药店信息进行更改。如下图所示。现在的需求是：当药店信息没有发生变化时，点击“更新信息”按钮，提示“药店信息未做任何更改”。 实现     可以利用angualr的脏值检查机制解决。     由于对angular的脏值检测机制不是很了解，貌似也不太好学习。就考虑使用别的方法，也可以使用ng-change内置指令,通过控制业务逻
AngularJS_简介、特性及基本使用
AngularJS Google 开源的前端 JS 结构化框架，主体是 页面中的动态数据，与内存的读取 相较于 jQuery jQuery 是前端函数库，封装简化 DOM 操作 应用： 构建单页面 SPA Web 应用____Single Page Application 将所有的活动局限于一个 html 页面 (即使页面跳转了，也是在本页面跳转) 当页面中有部分数据发生了变化，不会刷新整个页面，
[Angular] Debug Angular apps in production without revealing source maps
Source: https://blog.angularindepth.com/debug-angular-apps-in-production-without-revealing-source-maps-ab4a235edd85   Build application with source map: "build": "ng build --prod --source-map",   But
angular指令：弹框点击空白处隐藏
效果图展示：   第一种方法：angularjs自定义指令： 指令： app.directive(‘onBlankHide‘, function () { return { restrict: ‘A‘, scope: { pop: ‘=‘ },
angular 创建服务
一：新建服务模块和服务文件 ng g module services --spec=false ng g service services/quote --spec=false 二：在quote.service.ts中，可以用快捷方式新建初始服务。 ng-service 三：在services.module.ts中设置全局服务。 　　解释： 　　forRoot()的目的是在应用程序中使用单例服
Angular CLI 安装和使用
1.背景介绍 关于Angular版本，Angular官方已经统一命名Angular 1.x同一为Angular JS；Angular 2.x及以上统称Angular； CLI是Command Line Interface的简写，是一种命令行接口，实现自动化开发流程，比如：ionic cli、vue cli等；它可以创建项目、添加文件以及执行一大堆开发任务，比如测试、打包和发布。 官方文档：http
Angular路由参数传递
一、路由时传递参数的方式 1、在查询参数中传递数据，如 //前台页面 <a routerLink="/product" [queryParams]="{id:1}">商品详情</a> //后台页面获取参数 export class ProductComponent implements OnInit { private productId: number; constructor(
angularjs1.x radio组checkbox组
check组只要判断是否为true就可以 <span style=‘display:block;float:left;padding:7px;‘><input type=‘checkbox‘ ng-model="formDataObject.week.monday" style=‘vertical-align:-2px;‘ />星期一</span> <span style=‘display:bl
angular + mqtt
After searching and trying out different things for a while, I found this solution, you can use this library if you want to use MQTT in your project. Install it using npm install ngx-mqtt --save Usage
Angular搭建脚手架
1、安装CLI: cnpm install -g @angular/cli //卸载: npm uninstall -g @angular/cli   npm cache clean 2、检测是否成功: ng –version  or  ng v 3、新建项目 ng new ng-app //ng-app可以自己命名项目名称 cd ng-app   //进入ng-app ng serve    
Angular 6 自定义校验器校验身份证
/** * 自定义身份校验器 * */ import { FormControl} from ‘@angular/forms‘; export function identityNoValidator(input: FormControl) { const value = input.value; if (checkCode(value)) { console.
angular6 iframe应用
问题一、 iframe如何自适应屏幕高度 解决思路：通过设置iframe外层父元素高度等于window高度，再相对于父元素定位iframe元素；案例如下： 第一步: 模板文件中使用iframe // demo.component.html <div style="position: relative; " [style.height]="outHeight"> <iframe [src]=
angular中使用daterangepicker完全能用版
angular版本：angular5 先看效果图： 最新版是这样的： 附上插件的网址： http://www.daterangepicker.com/ 1 安装： daterangepicker依赖于bootstrap,momont,jquery做成，所以你要导入这3个依赖。有两种方法： 如果能npm安装的话推荐第一种，直接在.angular-cli.json中添加这3个依赖的JS和CSS。 1
Angular HttpClient responseType和observe的坑人行为
现在是凌晨2点半。 我从晚上8点就遇到这个问题了，一直想不通，直到刚才查到https://github.com/angular/angular/issues/18586才发现被坑了一回。 问题是这样的，使用Angular的HttpClient发出get请求。文档规定的get方法有2个参数，一个是URL字符串，另外一个是options。在options中可以指定headers、observe、par
Angularjs + Bootstrap 制作的一个TODO List
看了一个关于Angularjs的视频，视频内容讲解的是如何制作一款TODO list形式的SPA（Simple Page Application,单页面应用)。为了增强理解，下面写了一篇文章，用以复习巩固。 准备 Angularjs下载 CDN加速 npm 方式 常规方式 Bootstrap下载 知识储备 MVC 架构 ng-app ng-controller ng-model 事件基础 ng-c
[Angular] Angular Custom Change Detection with ChangeDetectorRef
Each component has its own ChangeDetectorRef, and we can inject ChangeDetectorRef into constructor: export class ChildComponent implements OnInit { constructor( private cdr: ChangeDetectorRe
angular5.x全局loading解决方法
import { Router, ActivatedRoute, NavigationEnd, NavigationStart } from ‘@angular/router‘; private allLoading: boolean = false;   constructor( private router: Router, private activatedRoute: ActivatedR
angularJS自定义服务的几种方式
在angularJS中定义服务共有四种常见的方式：factory，service，provider，constant，value 使用形式的不同： 1）factory以返回对象的形式定义服务： myapp.factory(‘factorySer‘,[function() { return { getName: function () { return ‘yo
angular中的 input select 值绑定无效，以及多出一个空白选项问题
问题： <!-- 问题标签 --> <select ng-model="sortType"> <option value="1">按日统计</option> <option value="2">按月统计</option> </select>  可以通过将一下方式处理完成 1、select中的option选项通过循环方式渲染 <select ng-options="item.sort
2019年Angular7——安装搭建路由
  Angular 中文官方：https://www.angular.cn/   为什么要看Angular?我也不知道，因为公司有个Angular的项目要维护。听说Angular的版本已经到7了。以前没怎么玩过这个。所以重头开始尝试。还有，我搜了下，最新的angular7搭建的教程很少（是没有） 打开菜鸟教程找Angular的入门教程，不知道为什么只有Angular2，7捏？不过没关系，基础搭建应
关于angular
简单聊聊angular的发展过程 AngularJS2 是一款开源JavaScript库，由Google维护，用来协助单一页面应用程序运行。是Angular 1.x 的升级版本，性能上得到显著的提高，能很好的支持 Web 开发组件。发布于2016年9月份，它是基于ES6来开发的。 1.    工作原理 Angular2架构 1、模块 (Modules) 2、组件 (Components) 3、模板
[Angular] Improve Server Communication in Ngrx Effects with NX Data Persistence in Angular
Communicating with a remote server via HTTP presents an extra level of complexity as there is an increased chance of race conditions and the need for error handling. There is also the tricky problem o
[Angular] Extract Implementation Details of ngrx from an Angular Application with the Facade Pattern
Extracting away the implementation details of ngrx from your components using the facade pattern creates some interesting possibilities in terms of iteratively migrating an application to ngrx. By dec
echarts 技巧自己的一些记录
1、不要输出 window["echarts"].init(chart) ，会卡死。 let chart = document.getElementById("chart_id");//chartid为自定义charts的id if (chart != null) { 　　let myChart = window["echarts"].init(chart); 　　//console.log
Angular4.x 创建组件|绑定数据|绑定属性|数据循环|条件判断|事件|表单处理|双向数据绑定
Angular4.x 创建组件|绑定数据|绑定属性|数据循环|条件判断|事件|表单处理|双向数据绑定 创建 angular 组件  https://github.com/angular/angular-cli 　　 创建组件命令 为了便于项目的管理和维护，我们将自己创建的组件存放进单独的文件夹。 在 app 文件夹下，我们创建一个名为 components 的文件夹用于存放我们的自定义组件。 　　
Angular 请求数据
Angular 请求数据 get post 以及 jsonp 请求数据  引入 HttpModule 、JsonpModule 普通的 HTTP 调用并不需要用到 JsonpModule，不过稍后我们就会延演示对 JSONP 的支持，所以现在就加载它，免得再回来浪费时间。 引入模块 注意：JSONP 在4版本以后已经被弃用了... import { HttpClientJsonpModule, H
Angular 父子组件传值
Angular 父子组件传值 @Input  @Output  @ViewChild  　　 新建一个头部组件 newsheader 　　 　　在主组件引用 news 组件，在news组件添加 newsheader 组件。 设置newsheader组件样式 设置newsheader组件的内容，添加一个class属性 <h2 class="header">这是一个头部组件</h2>  如果需要全局设
    pythonJavaScriptjavaHTMLreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-bootreact-native