首页 文章

离子条件无线变化

提问于
浏览 次
2

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

我试过了：

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

这给了我一个错误：

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

javascript angular ionic-framework ionic2 ionic3

2 回答

  • 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没有 .

    enter image description here

    回复于
  • 0

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

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

相关问题