Angular - 是否使用标签或按钮
Angular - Whether to use a tag or button
我从某人那里得到了这部分代码。它是 Angular 应用程序的一部分。联系不上了
table 的每一行有两个按钮 - 编辑 和 删除。为什么他要为其中一个使用 <a>
标签,为另一个使用 <button>
标签?我可以同时使用 <a>
标签或 <buttons>
,对吗?
<td>
<a routerLink="edit/{{account.id}}" class="btn btn-sm btn-primary mr-1">Edit</a>
<button (click)="deleteAccount(account.id)" class="btn btn-sm btn-danger btn-delete-account" [disabled]="account.isDeleting">Delete</button>
</td>
因为使用锚点,您正在调用一些带有编辑字段的路由,而使用按钮,您正在请求一些删除帐户的服务。几乎相同的行为不同的实现。
例如,您可以创建带有点击事件的按钮来调用一些服务,该服务将为所需结果创建一些请求,在您的情况下是编辑功能,而不是锚点。
现在回答你的问题。使用带有锚标记的 routerLink 而不是使用按钮总是更好,因为它更简单但是如果你想调用一些 GET,POST 等,你肯定需要带有点击事件的按钮才能调用一些服务人员将完成这项工作。
我希望这能回答你的问题:)。
编码愉快
我从某人那里得到了这部分代码。它是 Angular 应用程序的一部分。联系不上了
table 的每一行有两个按钮 - 编辑 和 删除。为什么他要为其中一个使用 <a>
标签,为另一个使用 <button>
标签?我可以同时使用 <a>
标签或 <buttons>
,对吗?
<td>
<a routerLink="edit/{{account.id}}" class="btn btn-sm btn-primary mr-1">Edit</a>
<button (click)="deleteAccount(account.id)" class="btn btn-sm btn-danger btn-delete-account" [disabled]="account.isDeleting">Delete</button>
</td>
因为使用锚点,您正在调用一些带有编辑字段的路由,而使用按钮,您正在请求一些删除帐户的服务。几乎相同的行为不同的实现。
例如,您可以创建带有点击事件的按钮来调用一些服务,该服务将为所需结果创建一些请求,在您的情况下是编辑功能,而不是锚点。
现在回答你的问题。使用带有锚标记的 routerLink 而不是使用按钮总是更好,因为它更简单但是如果你想调用一些 GET,POST 等,你肯定需要带有点击事件的按钮才能调用一些服务人员将完成这项工作。
我希望这能回答你的问题:)。
编码愉快