我有一个带有三个选项的选择标签。我每个人都想使用{if}{/if}
来检查是否显示条件,但是当使用内容呈现第一个选项时
<option value="? string:detail ?" selected></option>
这是我的代码:
<select ng-model="report_type" name="report_type">
{if (isReportView)}<option value="detail">Detail view</option>{/if}
{if (isReportView)}<option value="summary">Summary view</option>{/if}
{if (isSalaryView)}<option value="salary">Salary view</option>{/if}
</select>
在isReportView
为false
的情况下,未显示的第一个和第二个是正确的,但是如上所述,它也呈现了另一个选项标签。那么如何防止它呈现该选项呢?
答案 0 :(得分:0)
在Angular中,您可以使用“ ng-show”显示或隐藏。 例如,在您的代码中:
<select ng-model="report_type" name="report_type">
<option ng-show="isReportView" value="detail">Detail view</option>
<option ng-show="isReportView" value="summary">Summary view</option>
<option ng-show="isSalaryView" value="salary">Salary view</option>
</select>