Angular 8 DevExtreme dx-list 行和/或元素未正确显示答案

【问题标题】：Angular 8 DexExtreme dx-list rows and/or elements not showing properlyAngular 8 DevExtreme dx-list 行和/或元素未正确显示
【发布时间】：2020-07-27 20:10:28
【问题描述】：

首先，根据一些调试点，我有 99% 的把握通过 REST API 连接进入客户端视图模型的控制器是正确的。此外，我们使用的dx-list 至少会根据该结果检测正确的行数。但是，由于某种原因，行中的内容没有显示出来。

我想将四个“列”（松散地）插入一个列表行，基本上是一个key（隐藏）、label、weight 以及该行是否isSelected，都是其中的一部分正确传输的领域模型，即

[{key: ..., label: ..., weight: ..., isSelected: ...}, ...]

现在，另外，key 应该被隐藏。它可以显示用于调试目的，但最终应该被隐藏。 isSelected 应该是一个复选框，weight 应该是一个数字编辑。最后，label 应该是一个文本标签。

目前，我有一个类似这样的视图：

<div *ngIf="true">
  <dx-list [items]="strategy.strategicValues">
    <div *dxTemplate="let item of 'items'">
      <div>
        <span hidden>{{item.key}}</span>
        <div><dx-check-box [(value)]="item.isSelected"></dx-check-box></div>
        <div>
          <span>{{item.label}}</span>
          <dx-number-box [(value)]="item.weight" [min]="0" [showSpinButtons]="true" [(disabled)]="!item.isSelected"></dx-number-box>
        </div>
      </div>
    </div>
  </dx-list>
</div>

对我来说它看起来足够准确，但我有点不知道为什么元素显示不正确。

【问题讨论】：

标签： json angular rest

【解决方案1】：

itemTemplate 的默认名称是item，而不是items。尝试使用：

<div *dxTemplate="let item of 'item'">

编辑： 对于自定义名称，请使用 dx-list 元素上的 itemTemplate 属性：

<dx-list [items]="strategy.strategicValues" itemTemplate="myTemplate">
<div *dxTemplate="let item of 'myTemplate'">

【讨论】：

嗯，好的。嗯，不管怎样，这就是进步。至少我看到了数据显示，这很好。现在归结为布局之类的事情。有没有办法为项目设置默认名称？谢谢！

【解决方案2】：

我整理好了。显然，用于绑定的基本ng 协议应该更像这样，[disabled]="!item.isSelected"。微妙，但现在我明白了很多。

【讨论】：

【解决方案3】：

这是来自doc 的自定义模板示例。

<div class="list-container">
    <dx-list [items]="products" height="100%">
        <div *dxTemplate="let item of 'item'">
            <div class="product">
                <img src="{{item.ImageSrc}}" />
                <div>{{item.Name}}</div>
                <div class="price">{{item.Price | currency:'USD':'symbol':'1.0'}}</div>
            </div>
        </div>
    </dx-list>
</div>

【讨论】：

是的，但这与模型绑定无关。