离子条件线变化

Question

如何在Ionic中动态更改no-lines属性的值？

我努力了：

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

这给我一个错误：

错误：模板解析错误：无法绑定到“无行”，因为它不是“ ion-item”的已知属性。 1.如果“ ion-item”是Angular组件，并且具有“ no-line”输入，则请验证它是否是此模块的一部分。 2.如果“ ion-item”是Web组件，则将“ CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“ @ NgModule.schemas”以禁止显示此消息。 3.要允许任何属性，请在此组件的“ @ NgModule.schemas”中添加“ NO_ERRORS_SCHEMA”。 （“/ DIV>

Answer 1

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

您需要[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没有。

Answer 2

您可以使用以下方法向元素添加其他属性：

<div [attr.no-lines]='yourExpression'></div>