Angular2-*ngIf基于从web服务获取的字符串插值

我必须显示两个互斥按钮“标记完成”和“完成”。如果任务状态为打开，则需要显示“标记完成”，而如果任务状态为关闭，则需要显示“完成”按钮

<div *ngFor="#task of tasks" class="demo-updates mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col mdl-cell--4-col-tablet mdl-cell--12-col-desktop">
    <div class="mdl-card__title mdl-card--expand mdl-color--teal-300">
    <h2 class="mdl-card__title-text">{{task.taskname}}</h2>
    </div>
    <div class="mdl-card__supporting-text mdl-color-text--grey-600">
    {{task.taskdesc}}  {{task.taskstatus}}
    </div>
    <div class="mdl-card__actions mdl-card--border">                
                <a href="#" class="mdl-button mdl-js-button mdl-js-ripple-effect">{{task.assignedto}}</a>


    <a [routerLink]="['/AllTasks']" *ngIf="{{task.taskstatus}}='OPEN'" class="mdl-button mdl-js-button mdl-js-ripple-effect" (click)="onClickMark(task)">Mark Completed</a>
    <a [routerLink]="['/CompletedTasks']" *ngIf="{{task.taskstatus}}='CLOSED'" class="mdl-button mdl-js-button mdl-js-ripple-effect">Completed</a>


</div>    

{{task.taskname}
{{task.taskdesc}{{task.taskstatus}}
标记完成
完整的

---

我尝试了

*ngIf=“{{task.taskstatus}}}='OPEN'

，但它不起作用。有什么想法吗

*

已经向Angular指出它需要将值作为表达式处理<表达式中的代码>{{}无效

改用：

*ngIf="task.taskstatus=='OPEN'"

---

同样，对于compairson，需要

==

而不是

=

（作业）。

。。谢谢。快速提问。。单击“标记完成”按钮后，如何重新加载组件视图？此页面仅显示打开的任务。您所说的“重新加载”到底是什么意思？基本上，当我单击“标记完成”按钮时，它会将任务状态发布到服务器。我想停留在同一页面上，但请确保此任务不显示在此处。（因为此页面仅显示打开的任务）您可以使用

*ngIf

根据模型中的状态显示组件的不同部分，或者您可以使用路由器在

处显示的组件之间切换，如抱歉中所述。。我将创建一个新的帖子。