html 我在Angular中创建了一个下拉菜单，其中包含从1到20的值,如果我选择数字〈10，它将显示一条消息，如果>10，则显示diff. msg

mspsb9vt 于 2022-12-02 发布在 Angular

关注(0)|答案(1)|浏览(103)

HTML：-

<div class="form-group">
              <label for="experience" class="form-label">I am experience</label>
                <select  class="custom-select" formControlName="experience" name="experience" onchange="change(this);">
                  <option *ngFor="let experience of experiences">{{experience}}</option>
                </select>
               
              </div>

ts：------
第一次
我希望在视图中显示有关选择小于10和大于10值消息请帮助我执行此操作
我尝试使用我的html select的change事件，但它不起作用。我希望做一个自定义验证器，但我不知道这只是一个想法。请有人帮助我

Html

来源：https://stackoverflow.com/questions/74637875/i-have-created-a-dropdown-in-angular-where-there-are-values-from-1-to-20-in-it

1条答案

按热度按时间

jljoyd4f1#

{{+registrationForm.get('experience').value>10?
       'You have a great experience':
       'You have a poor experience'}}.

但这使得如果你不选择任何东西，表明你有一个糟糕的经验。
我们可以使用ng-container *ngIf

<ng-container *ngIf="registrationForm.get('experience').value">
    {{+registrationForm.get('experience').value>10?
           'You have a great experience':
           'You have a poor experience'}}.
</ng-container>

当我们使用 *ngIf时，我们可以创建一个临时变量

<ng-container *ngIf="registrationForm.get('experience').value as experience">
    {{+experience>10?
           'You have a great experience':
           'You have a poor experience'}}.
</ng-container>

另一种方法是在三元运算符内使用三元运算符。确实是一个丑陋的（但同样有效的解决方案）

{{registrationForm.get('experience').value?
       +registrationForm.get('experience').value>10?
            'You have a great experience':
            'You have a poor experience':
       ''}}

赞(0）回复(0）举报 2022-12-02

我来回答

html 我在Angular中创建了一个下拉菜单，其中包含从1到20的值,如果我选择数字〈10，它将显示一条消息，如果>10，则显示diff. msg

1条答案

相关问题

热门标签

最新问答