Question

我想查看调查中的清单问题，但我不知道如何在离子中使用ng-container

ForLoop.html

太阳能

               <ion-label>{{currentDongu}}</ion-label>
              <ng-container *ngFor="let dongu  of donguler" [value]="dongu.value">
                  {{dongu.value}}
                  {{dongu.label}}
                  {{dongu.secenek1}}
                  {{dongu.secenek2}}
                  {{dongu.secenek3}}

              </ng-container>

      </ion-item>

ForLoop.ts

导出类ForloopPage {

key:0;
Showbutton=true;

构造函数（私人存储：存储）{

}

get currentDongu(){
  return this.donguler[this.key]
}

ileri（）{

this.key ++;

  if(this.key==13) {
    this.Showbutton=false;
  }

}

错误：模板解析错误：无法绑定到“值”，因为它不是“ ng-container”的已知属性。 1.如果'value'是Angular指令，则将'CommonModule'添加到该组件的'@ NgModule.imports'中。 2.要允许任何属性，请在此组件的“ @ NgModule.schemas”中添加“ NO_ERRORS_SCHEMA”。（“ tion> {{currentDongu}}

              <ng-container *ngFor="let dongu  of donguler" [ERROR ->][value]="dongu.value">

                  {{dongu.value}}

“）：ng：///AppModule/ForloopPage.html@60：64

Answer 1

实际上，错误本身说明了很多问题。值属性不适用于ng-container等分组元素。

此外，您无需绑定[value] =“ someValue”。如果您写<ng-container *ngFor="let item of someArray">{{ item }}</ng-container>，它将对ts文件中someArray中的每个项目重复此ng容器，例如

someArray = [{id: 1}, {id: 2}, {id: 3}].

现在在诸如-

的someArray上使用* ngFor

<ng-container *ngFor="let item of someArray">{{ item.id }}</ng-container>

将像这样操纵* ngFor-

<ng-container>1</ng-container>

<ng-container>2</ng-container>

<ng-container>3</ng-container>

此外，由于ng-container是分组元素，因此它实际上并不出现在DOM中，因此内容将直接放在父组件中，例如-

<some-parent-component>
1
2
3
</some-parent-component>

仅是一个建议，您可以使用<ion-list>对其中的单个<ion-item>进行分组，并且可以在ion-item本身上应用* ngFor。

在此处查看文档-https://ionicframework.com/docs/api/list

如何在离子中使用ng容器

1 个答案: