Angular2.x
Martin_Yelvin
平时分享记录自己的遇到的问题,评论区莫名其妙被一些零文章零贡献的批骂。 现在只是偶尔记录了,现在这行业门槛太低了,终于知道为什么很多大神付费分享了,确实能过滤一堆人渣
展开
-
Circle CI - 前端部分
我build 到dist文件夹下面是/dist/uat,所以我这是这个,具体看自己的。我遇到了本地docker 镜像打完之后,刷新404问题,就是nginx conf配置的问题。主要终点是docker的配置信息,如果你本地docker 镜像能正常build,且能访问,那么问题不大。简单来说,我要实现的功能是当某分支提交代码之后,自动拉取代码,自动打镜像,自动推倒AWS服务器。ci脚本与代码平台关系不大,主要靠dockerfile文件。项目前端是Angular,后端API部分是Python。原创 2022-12-13 15:30:05 · 165 阅读 · 0 评论 -
Angular 4 文本框自动获取焦点
import { Component, OnInit, ViewChild, ElementRef, Renderer } from '@angular/core';<input type="text" class="confirmBox" [(ngModel)]="confirmLocation" placeholder="Scan Material" autofocus/>auto...原创 2017-11-16 16:15:59 · 7541 阅读 · 3 评论 -
Angular 4 文本框自动获取焦点二
Angular 4 文本框自动获取焦点,原创 2017-11-17 14:44:16 · 11214 阅读 · 3 评论 -
angular4使用了bootstrap模态框手动关闭
angular4使用了ng-bootstrap模态框手动关闭原创 2017-11-17 18:12:38 · 1454 阅读 · 0 评论 -
Angular4_清空input输入框
Angular4_清空input输入框原创 2017-11-28 15:45:51 · 8138 阅读 · 0 评论 -
Angular 中修改bootstrap的模态框(modal)大小
Angular 中修改bootstrap的模态框(modal)大小自己瞎搞改width的后果。。。看官网文档:https://ng-bootstrap.github.io/#/components/modal/exampleshttps://github.com/ng-bootstrap/ng-bootstrap/blob/master/src/modal/mo原创 2017-11-20 10:46:12 · 5224 阅读 · 0 评论 -
Angular4_checkbox双向绑定
Angular4_checkbox双向绑定原创 2017-11-29 09:41:32 · 6508 阅读 · 0 评论 -
Angular 2.x_监听页面大小变化
import { Observable }from 'rxjs/Rx';ngOnInit() { // 监听页面 Observable.fromEvent(window,'resize').subscribe((event) => { // 操作console.log('页面变化了');});}import { O...原创 2017-11-29 13:35:59 · 7925 阅读 · 0 评论 -
Angular4_ Observable和subscribe
Angular4,Observable和subscribe,subscribe 的 err,complete,调用后台api原创 2017-11-24 14:48:36 · 4194 阅读 · 0 评论 -
Angular 4_监听滚动条(用来锁定行)
第一种方法import { ActivatedRoute } from '@angular/router';import { DOCUMENT } from '@angular/platform-browser'; subscribeScoll: any;ngOnInit(): void { this.columnTop = '0'; t...原创 2017-11-29 18:30:44 · 7550 阅读 · 11 评论 -
获取数组中符合条件的值的个数
js获取数组中符合条件的值的个数原创 2017-11-30 16:39:24 · 8933 阅读 · 0 评论 -
Angular4_父子组件,组件之间交互
Angular4_父子组件,组件之间交互原创 2017-11-30 16:51:01 · 2385 阅读 · 1 评论 -
Angular4_Checkbox多选框选中事件,与其他组件交互
Angular4_Checkbox多选框选中事件,与其他组件交互原创 2017-11-30 16:54:46 · 7421 阅读 · 5 评论 -
搭建Angular4+dotnetcore开发环境报错4048
搭建Angular4+dotnetcore开发环境报错4048原创 2017-12-08 17:05:22 · 877 阅读 · 0 评论 -
Angular4 动态修改样式
定义 classFlag,在页面中用 ngClass,样式一和样式二切换;参考:http://yunkus.com/angular-api-ngclass/原创 2017-11-16 17:54:36 · 13678 阅读 · 6 评论 -
Angular4_bootstrap模态框打开关闭,点击背景事件
Angular4_bootstrap模态框打开关闭,点击背景事件原创 2017-12-03 15:05:15 · 2307 阅读 · 0 评论 -
Angular4_NgForOf 指令作用
NgForOf 指令作用转载 2017-12-03 16:08:24 · 7879 阅读 · 0 评论 -
Angular4_控制台错误
Expression has changed after it was checked. Previous value: 'true'. Current value: 'false'.原创 2017-12-04 10:05:03 · 2748 阅读 · 0 评论 -
Angular4_管道转换大小写
Angular4_管道转换大小写原创 2017-12-04 16:38:13 · 2307 阅读 · 0 评论 -
Angular4_Select选择改变事件
Angular4_Select选择改变事件、个人感觉change没用。所以用的ngModelChangeselectclass="form-control customSelect" [(ngModel)]="packagingType"name="packagingType" (ngModelChange)="packagTypeChange()">o原创 2017-12-13 11:45:09 · 14603 阅读 · 0 评论 -
Angular4_设置延时执行函数
Angular4_设置延时执行函数 settimeout原创 2017-12-13 12:30:34 · 13796 阅读 · 1 评论 -
Angular4_table中选中tr选中一行
Angular4_选中tr选中一行中的checkbox,并且高亮显示原创 2017-12-22 14:35:56 · 2766 阅读 · 0 评论 -
npm 安装卸载指定版本ng-zorro-antd
npm 安装卸载指定版本ng-zorro-antd原创 2017-12-14 13:59:31 · 9737 阅读 · 2 评论 -
Angular4_在刷新页面时,F12“发生意外错误”。
Angular4_在刷新页面时,F12“发生意外错误”。原创 2017-12-22 18:16:47 · 515 阅读 · 0 评论 -
Angular4_获取当前Url地址和获取Url传递的参数
Angular4_获取当前Url地址和获取Url传递的参数原创 2017-12-15 11:05:56 · 17771 阅读 · 2 评论 -
Angular4_select设置默认选中
Angular4_select设置默认选项原创 2017-12-20 15:25:11 · 6382 阅读 · 0 评论 -
Angular 4_ 事件冒泡
Angular 4_ 事件冒泡转载 2017-12-26 18:42:43 · 2457 阅读 · 0 评论 -
js将0开头的数字字符串给自动去掉了
js将0开头的数字认成八进制了 use strict 使用严格模式禁止八进制表示法正常模式下,整数的第一位如果是0,表示这是八进制数,比如0100等于十进制的64。严格模式禁止这种表示法,整数第一位为0,将报错。 "use strict"; var n = 0100; // 语法错误阮老师博客解释的:http://www.原创 2018-01-11 10:44:30 · 12633 阅读 · 4 评论 -
Angular 4 多级表格,层级表格树
Angular4多级表格,层级表格树<tableclass="table "><tbodyrtSelectionArea [multiple]=" multiple"style="position: relative; "> <ng-templatengForlet-hu [ngForOf]="list.items">原创 2017-11-27 11:58:22 · 6799 阅读 · 3 评论 -
Angular4_点击tr选中行
Angular4_点击tr选中行,并得到点击行的数量<tr (click)="onselectedRows(hu,od)"> <td style="background-color: white" (click)="expandOrder($event,od,hu.palletId)"> <i [ngClass]="{'fa': t.原创 2017-12-28 09:14:41 · 2641 阅读 · 1 评论 -
Angular4_模板驱动式表单使用,包含验证,有源码
Angular4_表单,验证使用的是模板驱动表单这是增删改查效果图<form (ngSubmit)="onSubmit()" #addEditWorkStationForm="ngForm"> <div class="form-group"> <label for="name">Make W原创 2018-01-04 11:18:42 · 1405 阅读 · 5 评论 -
Angular4_readonly,disabled,hidden属性动态启用禁用
html中的required hidden readonly disabled这些属性,动态启用禁用<div class="form-group" [hidden]="model.isPersistent"><labelfor="idletimeout">IdleTimeOut</label><inputtype="text"c原创 2018-01-04 11:21:20 · 12465 阅读 · 0 评论 -
Angular4_text-mask用法
Angular 2 Input MaskGetting startedFirst, install it.npm i angular2-text-mask --saveThen, import it into your @NgModule:import { NgModule } from '@angular/core';import { Forms原创 2018-01-12 19:04:50 · 1498 阅读 · 0 评论 -
Angular4_格式化金钱或者重量
Angular4_格式化金钱或者重量原创 2017-12-28 18:20:43 · 5669 阅读 · 3 评论 -
Angular4_给subscribe后的数据转换类型
getMakeStation(code:string | null) {if (code) {this.poService.getMakeWorkStation(code).subscribe((r)=> {this.model= r.data;this.model.isPersistent= this.convertIsPersistentToBool(thi原创 2018-01-04 18:57:15 · 3890 阅读 · 0 评论 -
Angular4_使用枚举
Angular4_使用枚举原创 2017-12-29 16:37:11 · 6998 阅读 · 0 评论 -
Angular4_安全导航操作符 ( ?. ) 和空属性路径
安全导航操作符 ( ?. ) 和空属性路径Angular 的安全导航操作符 (?.) 是一种流畅而便利的方式,用来保护出现在属性路径中 null 和 undefined 值。 下例中,当currentHero为空时,保护视图渲染器,让它免于失败。src/app/app.component.htmlcontent_copyThe current hero's name is {{cu原创 2018-01-05 10:48:08 · 1539 阅读 · 0 评论 -
Angular4_loading提示
InstallationInstall ngx-loading via NPM, using the command below.NPMnpm install --save ngx-loadingGetting startedImport the LoadingModule in your root application module:原创 2018-01-08 10:34:47 · 3146 阅读 · 0 评论 -
js对时间进行排序
修改前:修改后:this.RequestedDeliveryDates= res.result.map((item:any) => {return { text: item.requestedDelivery.text, value:item.requestedDelivery.value } });this.RequestedDeliv原创 2018-01-08 14:17:44 · 5609 阅读 · 0 评论 -
Angular4_table组件
Angular4_table组件,过滤器,排序,多选一直在用的是这个地址:https://eastbanctechru.github.io/right-angled-demo/selection原创 2018-01-09 23:14:38 · 3480 阅读 · 0 评论