[英]pass input values from component.html to compoenent.ts
我對angular非常陌生,我試圖將產品添加到我的購物車上,然后單擊按鈕,動態生成產品,這是我的component.html
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
<a href="#" class="card clickable">
<div class="card-img">
<img src="">
</div>
<div class="card-block">
<h5>product1</h5>
<h5>aweeee112ddddd</h5>
<h5>1</h5>
<input type="hidden" name="" value="aweeee112ddddd" id="" #productid>
<p class="card-text">
<button class="btn btn-outline" (click)="addtocart(this.productid)">Addtocart</button>
</p>
</div>
</a>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
<a href="#" class="card clickable">
<div class="card-img">
<img src="">
</div>
<div class="card-block">
<p class="card-text">
<input type="hidden" name="" value="vvvv112ddddd" id="" #productid>
<input type="hidden" name="" value="product1" id="" #productname>
<button class="btn btn-outline" (click)="addtocart(this.productid)">Addtocart</button>
</p>
</div>
</a>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
<a href="#" class="card clickable">
<div class="card-img">
<img src="">
</div>
<div class="card-block">
<input type="hidden" name="" value="vppp112ddddd" id="" #productid>
<input type="hidden" name="" value="product2" id="" #productname>
<p class="card-text">
<button class="btn btn-outline" (click)="addtocart()">Addtocart</button>
</p>
</div>
</a>
</div>
</div>
這是我的component.ts
export class Products {
addtocart(item1,item2,item3){
alert(item.value);
//alert("item added");
this.cartservice.additems(item1,item2,item3);
return false;
}
constructor(public cartservice:CartService){
}}
我想將我的隱藏字段值傳遞給component.ts,產品將動態顯示,從數據庫中獲得的任何幫助將不勝感激
盡管可以使用ngModel,但IMO最好使用表單控件。 至少,您將獲得rxjs的所有功能(通過valueChanges)。 為此,您應該:
ReactiveFormsModule
導入到您的主機模塊 formCotrol
指令添加到input
-例如 public myControl = new FormControl()
然后按照文檔中所述使用它
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.