gpt4 book ai didi

Angular 2 将值从模板传递到单击按钮时的函数

转载 作者:太空狗 更新时间:2023-10-29 17:41:38 25 4
gpt4 key购买 nike

我有一个像这样的组件的 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 -->

如果我单击Verify 按钮,我想做的是获取 name input 的值并将其传递给我的组件中的函数,如下所示:

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

因此,如果模板中输入名称的值(及其子字符串)等于我的 id.param(我从 Angular 路由中的订阅 ID 获得),那么控制台日志将是真的;但问题是什么也没有出来。我该如何解决这个问题?

我获取 id.param 的代码是这样的:

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");
}
}

关于Angular 2 将值从模板传递到单击按钮时的函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44559149/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com