angular5项目笔记汇总

最新推荐文章于 2024-11-17 22:57:09 发布

ishouyong

最新推荐文章于 2024-11-17 22:57:09 发布

阅读量2.6k

点赞数

分类专栏：学习笔记文章标签： angular

本文链接：https://blog.csdn.net/enlangs/article/details/78532919

版权

学习笔记专栏收录该内容

27 篇文章

订阅专栏

很久之前用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 || ''; 
    }); 
  } 
}