价格：$ {{adultOption}}

app.component.ts 从'@ angular / core'导入{Component，OnInit}; @零件（{ 选择器：“ my-app”， templateUrl：“ ./ app.component.html”， styleUrls：['./ app.component.css'] }）导出类AppComponent实现OnInit { db = [ { “ id”：“ 1”， “ product_name”：“卡纳塔克邦6天”， “州”：[“ Karnataka”]， “城市”：[“班加罗尔”]， “单价”：500， “ twinPrice”：800， “ triplePrice”：1100 }， ]; 包装：任何； filterData = []; adultOption = 0; htmlCode; ngOnInit（）{ this.packageList（）; this.create_accomodation（1）; } packageList（）{ for（让i = 0; i

否。的成人

<选择* ngFor =“数据库的let”（更改）=“ calc_price（$ event.target.value）”> <选项值= {{d.singlePrice }}> 01

'; } （ document.getElementById（“ div_main”））。innerHTML = html; // this.htmlCode = html; } calc_price（价格）{ var a = null; a =价格； this.adultOption = a; } } 在上面的代码中，当我选择房间数时，它会动态生成工作正常的标签（即住宿）。生成的动态代码（即成人数量）应具有以下功能：每个住宿应从数组“ db”中获取每个选项的定价详细信息（singlePrice，twinPrice，triplePrice）。计算每个生成的动态代码的价格（注意：当我将其直接放在html文件中时，此方法将起作用，而当我使用“ innerHTML”时，该方法将不起作用）。这是我尝试的代码链接：https://stackblitz.com/edit/multiple-calc-price?file=app%2Fapp.component.html

0 个答案:

没有答案