问题标签 [ngfor]

在我的 Ionic2 (Angular2) 应用程序中，我有一个封装项目数组的数据服务，以及一个显示这些项目的页面，以及允许向其中添加更多项目的按钮。

该列表在浏览器中呈现良好，列表操作也可以正常工作。但是，当我在手机上部署应用程序时，我开始面临以下问题：

列表呈现良好，但是当我从列表中添加/删除项目时，UI 不会更新。当我执行一些其他用户操作（在别处导航、单击按钮等）时，UI 会更新以显示更新后的列表。

我将重申，在浏览器中进行测试时我不会遇到这个问题。只有当我在我的 Android 设备上部署应用程序时才会发生这种情况。

我不知道为什么会发生这种情况，而且我不知道我可以尝试解决/解决这个问题。=(请帮忙！

编辑

进一步的测试表明 Ionic2 组件Alert应该为此负责。更具体地说，我使用它的方式。该Alert组件允许调用者.dismiss()手动调用该方法以关闭对话框并返回一个在转换完成时解决的承诺。我正在修改此承诺回调中的列表。

我可以看到它UPDATING...打印到控制台。但行为与以前相同。UI 会在浏览器中更新，但不会在设备中更新，除非执行了其他一些 UI 操作（例如单击按钮或在其他地方导航并返回）。

如果我删除Alert逻辑并简单地在处理程序中添加新人onClickAdd()，它在浏览器和设备中都可以正常工作。

有没有一种方法可以动态设置 ngModel 的值？例如

我正在尝试使用以下代码使用 angular2 中的键来呈现对象属性：

但我在这里面临一个问题。浏览器中的输出仅加载一次。但是方法调用 ieloadProperty(i,element)正在无限循环中运行。

表示浏览器输出

(1---布山)

仅显示一次，但在控制台上无限运行，如下所示：

我想每次迭代只调用一次这个方法。

任何输入？

我已经做了一些研究，但我找不到解决方案。我已经做了一个我想要的模式，如果我的解释不清楚，那就更清楚了。

我有一个这样的选择模型：

我的价值观是例如：

1. 选项1
2. 一些很棒的文字与文字
3. 选项 2

选择的宽度很小，所以如果文本太长，我需要截断选择的选项。

但我不知道该怎么做，如果我更改“{{v.short_desc}}”，所有选项都会受到影响（显然），而不仅仅是选择的那个。

有没有办法做到这一点？

谢谢你的帮助。

我需要能够在模板中进行循环并使用我正在做的同一标签上的数据中的值*ngFor。像这样：

但它给出了错误：

Can't bind to 'value' since it isn't a known native property

（如果我只在标签标记中留下循环代码 - 它工作正常：

我有一个 JSON 对象，如下所示：

我正在尝试绑定到对象的会话子项。完整的对象在一个名为 conferenceData 的变量中，我用来显示标题的代码是：

当我这样做时，我收到错误：TypeError: Cannot read property 'sessions' of undefined in [conferenceData.sessions in ProductListComponent@65:17]

如果我将孩子分配给一个变量：

然后绑定到 sessionData 变量，它按预期工作。这是使用 TypeScript 和 Angular 2。我想这可能是 TypeScript 的类型问题，但我认为此时它都是 JavaScript。任何帮助，将不胜感激。

谢谢！

在下面的代码中，我想保存最后一个用户和索引，以便我可以每 50 个用户向前或向后分页。

我有角度为 2 的 pb

如果它是一个数组，我如何访问“elm”的值？感谢您的帮助。

我是 Typescript 中 Angular 2 的新手。我想用 NgFor 访问我的 JSON 的 D 和 G。有没有办法访问元素？

]

我还创建了一个 Plunker：Plunker

VS

用什么比较好？ngIf在数据准备好后不渲染项目或使用Elvis运算符来避免未定义的值。