离子条件无线变化

Question

<ion-item [no-lines]='condition'> test </ion-item>

错误：模板解析错误：不能绑定到“no-lines”，因为它不是“ion-item”的已知属性。1.如果“ion-item”是一个角组件，并且它有“no-lines”输入，那么验证它是这个模块的一部分。2.如果“ion-item”是Web组件，则将“custom_elements_schema”添加到该组件的“@ngmodule.schemas”中，以禁止该消息。3.要允许任何属性，请将“no_errors_schema”添加到该组件的“@ngmodule.schemas”中。（“/div>

Answer 1

test

您需要[attr.no-lines]而不是no-lines。另外，值得注意的是，如果希望出现行，则需要将表达式计算为null，而不是false。

<ion-header>
  <ion-navbar>
    <ion-title>{{ appName }} 3.4.0</ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
  <ion-item>
    Item 1
  </ion-item>
  <ion-item no-lines>
    Item 2
  </ion-item>
  <ion-item [attr.no-lines]="null">
    Item 3
  </ion-item>
  <ion-item [attr.no-lines]="true">
    Item 4
  </ion-item>
  <ion-item [attr.no-lines]="false">
    Item 5
  </ion-item>
</ion-content>

上面的第1项和第3项有行，第2项、第4项和第5项没有。