我有像下面这样的组件的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");
}
}
