* ngIf = item.activityStatus!=("完成")为angular2条件可见性

时间:2016-12-21 14:33:00

标签: html angular angular2-template angular2-directives

我想根据项目的值

切换按钮的可见性

这是我的代码:

 <tbody>
              <tr *ngFor="let item of statusConfig | slice:0:9; let i = index;" >
                  <td class="col-md-1">
                    {{item.id}}
                  </td>
                  <td class="col-md-3">
                    {{item.activityName}}
                  </td>
                  <td class="col-md-2">
                    {{item.activityStatus}}
                  </td>
                  <td class="col-md-3">
                    {{item.activityDateEpoch | date: 'yyyy-MM-dd HH:mm:ss'}}
                  </td>
                  <td class="col-md-3">
                    <button *ngIf=item.activityStatus!=("Done") type="button" class="btn btn-primary" (click)="saveStatus(item.id, i)">Mark as done</button>
                  </td>

              </tr>
            </tbody>

为什么这是一个语法错误,我应该如何解决这个问题?

directive_normalizer.js:82 Uncaught Error: Template parse errors:
Unexpected closing tag "button" ("tyStatus!="Done" type="button" class="btn btn-primary" (click)="saveStatus(item.id, i)">Mark as done[ERROR ->]</button>
                  </td>

"): ReportComponent@45:145

activityStatus = "Done" for now

2 个答案:

答案 0 :(得分:0)

应该是,

session.remove(flowFile)

答案 1 :(得分:0)

我很震惊你在一行代码中犯了多少错误。 : - )

第一个NgIf指令接受string作为表达式值,这意味着它必须具有以下格式:

*ngIf="expression here"

第二次:您无法使用"两次,如果您想在string中使用",则应使用单引号('

第三次:不需要括号:("Done")

无论如何,你的表达应该是这样的:

*ngIf="item.activityStatus != 'Done'"

您可以阅读有关NgIf指令here的更多信息。