如何从循环角中定义每个项目中的特定位置

Posted 2023-03-16

【中文标题】如何从循环角中定义每个项目中的特定位置

【英文标题】：How to define a specific location in each item from loop ANGULAR

【发布时间】：2021-08-30 11:39:31

【问题描述】：

我创建了 activity.json，我想从 json 文件中调用数据。因此，我在另一个文件中创建了一个 ngFor 循环，用于从 json 获取每个项目/数据。 我认为它可以从 json 文件中获取位置 url-link 并将其作为 src 链接放入 html 文件的“

【问题讨论】：

请添加实际代码而不是屏幕截图

【参考方案1】：

我猜 html 工具不允许我们使用特定变量来路由其他文件中的 URL 链接。它必须直接在那个地方使用链接，像这样；

src="https://..."

我尝试了不同的方法来解决这个问题。我尝试使用每个项目的不同 ID 进行访问。我的解决方案是；

  <iframe *ngIf="seminer.id==1" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d97887.93596631498!2d32.725496907783025!3d39.9414344280414!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xbda608ad56f1f424!2zQWvEsW5zb2Z0IEFua2FyYSBCw7ZsZ2UgTcO8ZMO8cmzDvMSfw7wtIEJpcmV5c2VsIEJpbGnFn2lt!5e0!3m2!1str!2str!4v1623673068413!5m2!1str!2str" style="border:0;" allowfullscreen="" loading="lazy" class="center"></iframe>
  <iframe *ngIf="seminer.id==2" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3059.4160712434614!2d32.829206315242146!3d39.932081979424524!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14d34ec5db5faa51%3A0xc30ca1837518daa4!2sParantez%20Teknoloji!5e0!3m2!1str!2str!4v1623673296169!5m2!1str!2str" style="border:0;" allowfullscreen="" loading="lazy" class="center"></iframe>
  <iframe *ngIf="seminer.id==3" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3049.556596789323!2d32.651176815249194!3d40.15215957939679!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x408276c02c887105%3A0x1c5ec14c2922033f!2zR0FaxLAgw5xOxLBWRVJTxLBURVPEsCBUVVNBxZ4gS0FaQU4gTUVTTEVLIFnDnEtTRUtPS1VMVQ!5e0!3m2!1str!2str!4v1623673780177!5m2!1str!2str" style="border:0;" allowfullscreen="" loading="lazy" class="center"></iframe>