Angular2:仅显示允许的操作的方法

时间:2016-12-13 07:17:11

标签: angular typescript angular2-template

我的应用程序包含项目,当然这个项目有一些动作(=按钮):喜欢,分享,编辑等等。您可以认为并非所有用户都能够进行编辑,因此我不想向他们展示按钮。

到目前为止我们做了什么:我们从服务器返回一系列操作(作为字符串),如下所示:["updateLike","editProject","withdraw"]

在模板中,我们执行以下操作:

<button *ngFor="let action of allowedActions"> {{ action }} </button>

当然这只会显示所有动作。如何执行onclick操作?什么是正确的语法,我应该使用像mapper这样的东西? 也许我会用一维扩展数组来制作多语言按钮文本。

1 个答案:

答案 0 :(得分:1)

您必须绑定点击事件以进行功能处理。最好不要将所有按钮放在一个数组中,并将它们作为单个实体使用,并在每个按钮上应用ngIf条件。