angular5项目笔记汇总

很久之前用angular4写过demo，最近用V5来做个小项目，碰到了些问题。在这儿做个笔记。

发布到服务上出现404错误

解决方案1

用锚点实现路由：

// app.module.ts
import { LocationStrategy, HashLocationStrategy} from '@angular/common';
@NgModule({declarations: [AppComponent,....],imports: [BrowserModule,AppRoutingModule,FormsModule,HttpClientModule,HttpClientJsonpModule,NgUploaderModule],providers: [{provide: LocationStrategy, useClass: HashLocationStrategy},CookieService,...],bootstrap: [AppComponent]
})
export class AppModule { }

解决方案2

待补充

上拉更新，下拉翻页控件

移动端刷新组件XtnScroll–Angular4实现
在计算滑动比例哪儿有个bug，自己判断下就是。

附件上传控件

ngx-uploader
缺点：不支持同时长传多个控件和自定义上传。
优点：使用简单

微信内置浏览器记住密码，无法更新model

import { Component, OnInit, ViewEncapsulation } from ‘@angular/core’;
import { Observable } from ‘rxjs/Observable’;@Component({ selector: ‘app-component’, templateUrl: ‘./app.component.html’, styleUrls: [‘./app.component.scss’], encapsulation: ViewEncapsulation.None
})
export class AppComponent implements OnInit { input: string;constructor() { }ngOnInit() { Observable.timer(350).subscribe(() =>{ this.input = (<HTMLInputElement>document.getElementsByName("input")[0]).value || ''; // 或者是 this.input = (document.getElementsByName("input")[0] as HTMLInputElement).value || ''; }); }
}

说明：只是部分浏览器出现这个问题，微信的安卓客户端。
这种解决方式并不好，谁知道其他解决方式烦请告知。

注意：HTMLInputElement 定义在 typescript/lib/lib.dom.d.ts 文件中，其他组件也同样定义在这儿。如：HTMLSelectElement, HTMLMediaElement

#引用无效的问题

html 的组件名称中包含有-，因为 js 中的变量命名不支持-字符。修改即可。

微信的iOS版本jsonp跨越问题

现象：使用jsonp跨越无法设置cookie。

参考资料

【iOS开发】从 UIWebView 到 WKWebView
Form model doesn’t update on autocomplete
angularjs,浏览器的记住密码功能，不能使pwd这个文本框自动 watch？

angular5项目笔记汇总相关推荐

笔记-软考高项-错题笔记汇总1
错题笔记汇总1 1. 信息系统的规划工具在制订计划时,可以利用PERT图和甘特图: 访谈时,可以应用各种调查表和调查提纲: 在确定各部门.各层管理人员的需求,梳理流程时,可以采用会谈和正式会议的方法 ...
哈佛大学单细胞课程|笔记汇总（三）
生物信息学习的正确姿势 NGS系列文章包括NGS基础.在线绘图.转录组分析 (Nature重磅综述|关于RNA-seq你想知道的全在这).ChIP-seq分析 (ChIP-seq基本分析流程).单细胞 ...
【Spring MVC】学习笔记汇总
Spring MVC 学习笔记汇总 Java 系列笔记:[Java系列笔记]语法基础 + Spring + Spring MVC + 数据结构数据结构与算法笔记(这个牛逼!):<恋上数据结构& ...
神经网络与深度学习笔记汇总二
神经网络与深度学习笔记汇总二正交化(方便调整参数) 迭代单实数评估指标(判断几种手段/方法哪个更好) 指标选取训练集.开发集.测试集作用与用途评估指标判断算法是好是坏迁移学习总结往期回 ...
软件项目管理笔记汇总及考试要点
写在前面这门课怎么说呐,反正我学了一学期是挺迷的,不知道到底讲了些什么东西,而且老师的课件感觉每一页都是一样的,然后就是每次抬头都觉得他什么都没讲然后就继续完了(无奈),然后到最后考试的时候也都不知 ...
瑞吉外卖项目笔记+踩坑1——基础功能
导航: [黑马Java笔记+踩坑汇总]JavaSE+JavaWeb+SSM+SpringBoot+瑞吉外卖+SpringCloud/SpringCloudAlibaba+黑马旅游+谷粒商城目录 1 ...
JNA实战笔记汇总一简单认识JNA|成功调用JNA
一.简介先说JNI(Java Native Interface)吧,有过不同语言间通信经历的一般都知道,它允许Java代码和其他语言(尤其C/C++)写的代码进行交互,只要遵守调用约定即可.首先看下 ...
【持续更新】Android开发笔记汇总篇，爬各种坑，敲高效代码，各种奇难杂症，有您要治的病。
[持续更新]Android开发笔记汇总篇,爬各种坑,敲高效代码,各种奇难杂症,有您要治的病 . 一.AndroidStudio 开发工具的那些事 . 问题 1: AndroidStudio2.2以上在 ...
笔记-软考高项-错题笔记汇总2
错题笔记汇总2 1. 类的关系依赖关系:描述了一个类的变化对依赖于它的类产生影响的情况关联关系:描述了类的结构之间的关系聚合关系:特殊关联关系,指明一个聚集(整体)和组成部分之间的关系组合关系 ...