angular - 如何在选择上简化 *ngFor
问题描述
目前我可以通过使用 *ngFor 和 +1 的人数来显示家庭的规模以进行正确的选择;但是,这只给了我一个选择选项,我需要 i + 10 来表示人数
我尝试在选项上使用 *ngFor 没有成功
<label for="household_size">Household Size *</label>
<select class="custom-select" id="household_size" formControlName="household_size">
<option min="i + 1" *ngFor="let person of getPeoples(); let i = index" [value]="i + 1">{{i + 1}}</option>
<option min="i + 2" *ngFor="let person of getPeoples(); let i = index" [value]="i + 2">{{i + 2}}</option>
<option min="i + 3" *ngFor="let person of getPeoples(); let i = index" [value]="i + 3">{{i + 3}}</option>
<option min="i + 4" *ngFor="let person of getPeoples(); let i = index" [value]="i + 4">{{i + 4}}</option>
<option min="i + 5" *ngFor="let person of getPeoples(); let i = index" [value]="i + 5">{{i + 5}}</option>
<option min="i + 6" *ngFor="let person of getPeoples(); let i = index" [value]="i + 6">{{i + 6}}</option>
<option min="i + 7" *ngFor="let person of getPeoples(); let i = index" [value]="i + 7">{{i + 7}}</option>
<option max="i + 8" *ngFor="let person of getPeoples(); let i = index" [value]="i + 8">{{i + 8}}</option>
<option max="i + 9" *ngFor="let person of getPeoples(); let i = index" [value]="i + 9">{{i + 9}}</option>
<option max="i + 10" *ngFor="let person of getPeoples(); let i = index" [value]="i + 10">{{i + 10}}</option>
<option max="i + 11" *ngFor="let person of getPeoples(); let i = index" [value]="i + 11">{{i + 11}}</option>
</select>
应该有一个包含 11 个选项 1、2、3 等的下拉列表。
解决方案
<select class="custom-select" id="household_size" formControlName="household_size">
<option min="i + 1" *ngFor="let person of getPeoples(); let i = index" [value]="i + 1">{{i + 1}}</option>
</select>
推荐阅读
- c++ - c++中double和double&的区别
- c - C中的printf没有给出任何输出
- mongodb - Mongo DB 连接 - 密码包含未转义字符
- macos - 如何使用 nix-darwin 为多用户设置选项“system.defaults.dock.autohide”?
- css - VS Code 不会保存 vuetify.css 文件
- python - 正则表达式用于任何结尾的确切电话号码
- html - 使用用户界面,nearpoint/renderprint/verbatimTextOutput('print') 在用户点击时显示部分变量
- html - 添加滚动条时如何修复未对齐的引导列
- python - 如何在“外星人入侵”中制作难度按钮?
- python - 当测试用例断言失败时,tearDown 不会在 python selenium 上执行