Question

＆＃13;

	<script src="https://code.angularjs.org/tools/system.js"></script>
	<script src="https://code.angularjs.org/tools/typescript.js"></script>
	<script src="https://code.angularjs.org/2.0.0-alpha.39/angular2.dev.js"></script>

<table>
  <tr>
    <th class="modalheader">Document Types</th>
    <th class="modalheader">Sources</th>
  </tr>
  <tr *ngFor="let doctype of doctypes">
    <td>{{doctype.Title}}</td>
    <td>
      <!-- WANT EVERY SOURCE FOR EACH DOCTYPE HERE -->
    </td>
  </tr>
</table>

＆＃13;

*ngFor

＆＃13;

我已经为文档类型及其来源构建了一个表格。

使用this.doctypes，我循环遍历名为doctype的对象数组，并想要获取每个for的源。使用公共sourcesarr循环，我可以获取使用文档类型的每个源并将其推送到本地数组。我正在清理这个数组并在遍历每个文档类型后推送每个源。

但是，我无法将*ngFor更改为全局变量（由第二个var img = new Image(); img.src = "img.png"; var canvas = document.createElement('canvas'); var context = canvas.getContext('2d'); context.drawImage(img, 0, 0); context.getImageData(0, 0, 224 , 224); var base64 = canvas.toDataURL();访问），因为它最终将仅存储迭代的最后一个doctype的源

我该如何解决这个问题？

Answer 1

如果我理解你的问题，我认为这可能会有所帮助。如果有效，请告诉我：

<table>
  <tr>
    <th class="modalheader">Document Types</th>
    <th class="modalheader">Sources</th>
  </tr>
  <tr *ngFor="let doctype of doctypes">
    <td>{{doctype.Title}}</td>
    <td>
        <div *ngFor="let source of doctype.Source">
            {{source.Title}}
        </div>
    </td>
  </tr>
</table>

用于循环和局部数组与* ngFor中的每个项目

1 个答案: