码迷,mamicode.com
首页 > 其他好文 > 详细

点击编辑,进入编辑页面并把值渲染到页面上

时间:2018-01-23 01:05:03      阅读:117      评论:0      收藏:0      [点我收藏+]

标签:http   console   点击   chm   ice   ati   渲染   pos   router   

1.

//服务中
//获取测验列表
    getListData(): Promise<FormData[]>{
        console.log(this.listUrl)
       return this.http.get(this.listUrl)
       .toPromise()
       .then(response => {
            console.log(response.json().data)
           return response.json().data as FormData[];
            
       })
       .catch(this.handleError)
    }

    //获取单个测验信息
    getTest(id: number): Promise<FormData> {
        return this.getListData()
                   .then(test => test.find(data => data.id == id));
                  
      }

2.编辑页面中

  ngOnInit(): void {
    this.route.paramMap
      .switchMap((params: ParamMap) =>{
          return this.dataService.getTest(+params.get(‘id‘))
      }).subscribe((data)=>{
        this.item = data;
      });
  }

3.引入

import { ActivatedRoute, ParamMap } from ‘@angular/router‘;

// 构造
  constructor(
    private dataService: DataService,
    private route: ActivatedRoute,
    private location: Location,
  ) {
 
  }

 

点击编辑,进入编辑页面并把值渲染到页面上

标签:http   console   点击   chm   ice   ati   渲染   pos   router   

原文地址:https://www.cnblogs.com/linsx/p/8331649.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!