时间戳

首页 > 解决方案 > 以角度形式显示数据

angular - 以角度形式显示数据

问题描述

我正在尝试显示我已经从另一个组件传输到我的表单中的数据。这是我的界面： 形式

我尝试使用 ngModel 但它没有用。这是我的代码：

form.ts ：

import { Component, OnInit} from '@angular/core';
import {NgForm} from '@angular/forms';
import { Route } from '@angular/router';
import { SharedService } from '../services/shared.service';

@Component({
  selector: 'app-repo',
  templateUrl: './repo.component.html',
  styleUrls: ['./repo.component.scss']
})
export class RepoComponent implements OnInit {
  data = this.shared.getData();       

  constructor( private router: Router, private shared: SharedService ) {
    if(this.data){
      console.log(this.data);
    }
    else{
      this.router.navigateByUrl('/Deals');
    } 
  }
  ngOnInit(): void {
  }
}

表单.html：

 <form #form="ngForm"  autocomplete="off" >
    <div class="form-group">
        <label>Deal Class</label>
        <input required type="text" id="dealclass"  name="Dealclass" [(ngModel)]="data.DEALCLASS" style="width: 400px;"> 
      </div>
</form>**

谢谢你，祝你有美好的一天:)

标签： angulartypescriptformsdisplayobject

解决方案

尝试这个

constructor( private router: Router, private shared: SharedService ) {
if(this.data){
this.form.setValue(this.data.rowData); //<-- set value in ngFrom
  console.log(this.data);
}
else{
  this.router.navigateByUrl('/Deals');
}

}

推荐阅读