Angular2在buttonclick上从模板传递值到函数

发布时间：2020-12-17 18:01:41 所属栏目：安全来源：网络整理

导读：我有像下面这样的组件的angular2表单模板 div class="container" div class="input-group" label Masukkan nik /label input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1" #name /div button (click)="verifyN

我有像下面这样的组件的angular2表单模板

<div class="container">

  <div class="input-group">
    <label> Masukkan nik </label>
    <input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1" #name>
  </div>
     <button (click)="verifyNik(name.value)">Verify</button>

</div> <!-- /container -->

如果我单击验证按钮然后获取名称输入的值并传递给我的组件中的函数,我想做什么,如下所示

verifyNik(nik){
    if(this.idparam==nik.substring(1,4)){
      console.log("true");
    }
  }

所以如果模板中的输入名称(和它的子串)的值等于我的id.param(我从角度路径中的subsribe id得到),那么控制台日志将为true.但问题是什么都没有出来.如何解决这个问题

如果你想知道我是如何得到我的id.param.这是mycode

private idchild:any;
  f: FormGroup;
  private idparam:any;


  constructor(
    private fb: FormBuilder,private servicedev:DevService,private complaintservice:ComplaintService,private router: ActivatedRoute
  ) { }



     ngOnInit() {
        this.idchild = this.router.params.subscribe(params => {

           let id = params['id'];
           this.idparam=id;

          // Retrieve Pet with Id route param

       });

解决方法

<div class="input-group">
  <label> Masukkan nik </label>
  <input type="text" class="form-control" placeholder="Username" 
   aria-describedby="basic-addon1" #name>
</div>
<button (click)="verifyNik(name)">Verify</button>

然后在你的.ts

verifyNik(nik) {
  if(this.idparam == nik.value.substring(1,4)) {
    console.log("true");
  }
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!