美文网首页
angular 前端框架ngx-admin简单纪要

angular 前端框架ngx-admin简单纪要

作者: 蔡得不敢吱声 | 来源:发表于2019-04-22 01:12 被阅读0次

URL传参

页面:

 <a [routerLink]="['/hero', hero.id]">

路由

{ path: 'hero/:id',      component: HeroDetailComponent } 

接收:

  constructor(private route: ActivatedRoute) {}
  this.route.snapshot.paramMap.get('id');

参考:https://angular.io/guide/router

POST & GET

  • GET
GetCfgList() {
    this.http.get<string>(this.url).subscribe(ret=>{
          console.log(ret) 
    })
}
  • POST
 <textarea name="content" [(ngModel)]="content"></textarea>  //注意这里要加“name” 不然报错
 <button (click)="writeDetailData(content)" class="btn btn-success">确认</button>

    writeDetailData(content:string) {
        let id = this.route.snapshot.paramMap.get("id")
        let body = {"id":id, "content":content}
        this.http.post<string>(this.url,body).subscribe(ret=>{
            console.log(ret)
        })
    }

相关文章

网友评论

      本文标题:angular 前端框架ngx-admin简单纪要

      本文链接:https://www.haomeiwen.com/subject/pyqegqtx.html