如何解决是否可以根据条件在Angular中更改按钮的标签?
我在表单的各个步骤中都有以下按钮。
<div class="col-2">
<button class="main-buttton" (click)="increment()" label='Next' type='button' *ngIf="isShownNextButton">
</button>
</div>
在倒数第二个步骤中,我想修改按钮的label指令的值,以便根据ts中的布尔值控件显示其他文本。
是否有可能这样,所以我不必实施另一个按钮并根据我所处的步骤将一个按钮显示给另一个按钮?
提前谢谢
解决方法
您可以使用类似的内容:
HTML
<div class="col-2">
<button class="main-buttton" (click)="increment()" type='button'>
{{isShownNextButton ? 'Text if true' : 'Text if false`enter code here`'}}
</button>
</div>
component.ts 在您的组件中,您可以使用一个字段。例如:
@Component()
export class SomeComponent{
isShownNextButton: boolean= false;
}
,
有什么反对在打字稿控制器中使用标签条件逻辑,而只在html中使用变量吗?
<body>
<nav class="topbox">
<ul>
<li class="leftbox"><a class="active" href="index.html">INOVA</a></li>
<div class="flex-navbar">
<li><a class="active" href="about.html">About</a></li>
<li><a href="Schedule.html">Innovation Camps</a></li>
<li><a href="contact.html">Contact</a></li>
</div>
</ul>
</nav>
<div class="container">
<div class="box">
<h1>About Inova</h1>
</div>
</div>
<footer>
<div class="footer">
<p></p>
</div>
</footer>
</body>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。