问题标签 [angular2-databinding]

我是 Angular 4 的新手。我有一个如下所示的数据绑定字段。但不知何故，有一个 ExpressionChangedAfterItHasBeenCheckedError。

下面是一个简单的构造函数：

我看了很多关于这个错误的帖子，我仍然不明白为什么简单的数据绑定会导致错误。

我尝试了下面的代码，但不起作用。

请帮忙！！

请参考plunker：https ://plnkr.co/edit/16atvKgf2BA6z2OjqT6h?p=preview

我从一个休息服务中得到一个大小为 9 的数组的响应，并且我将该响应分配给 angular2-datatable [mfData] 属性。单击按钮时，我正在打开一个模式，在其中显示此数据表，但分页是根据记录大小进行的，但数据不会出现或呈现在数据表中。在检查页面时，它显示模板绑定={ "ng-reflect-ng-for-of": null }

产品.service.ts：

我有这样的服务。

我在这里有一个产品列表：product.component.ts

我的问题就在那里。我可以获取 id 和 data 但是当 this.product = data. 该产品是未定义的。我已经确定检查了数据，我想知道我失败的原因。我在 product.component 和成功上做同样的事情。

我正在尝试通过@Input 传递自定义对象。但是，我得到null作为输出。

这是我的子组件类：

这是我的element课：

在父类的 htmlapp.component.html中，我有这个（与子类通信）：

父类即app.component.ts：

任何人都可以向我解释为什么@Input('srvElement') ele:Element; 不工作也不 @Input('srvElement') let ele=new Element();行（传递我自己的自定义对象）但@Input('srvElement') element: {type: string, name: string, content: string};工作正常？

我有一个 Angular 4 组件，它从服务中检索数据，然后更新视图。当我的服务检索数据并更新组件的属性时，该属性不会在 UI 中更新。我曾尝试使用 NgZone 和 ChangeDetectionRef 强制更新，但均未成功。我的看法是：

我的组件是：

这就是输出的样子。

显然有些东西坏了，因为 H1 静态内容没有出现。预期的结果是字段中应该有字符串值，并且标题应该是Confirm ACH Data. 这就是我刷新时页面的样子（_imgSvc 将无法找到事务，因此“提取”将是错误的）。这让我相信它与路由有关，但是日志条目都表明构造函数被正确调用并在路由器将您带到此页面时返回正确的数据。这也是一条子路线，如果这有所作为的话。

我可以在输入时将文本区域中的数据绑定到页面上，但是我如何才能获得放置在文本区域中的返回值？

我当前的代码是：-

app.component.html

app.component.ts

正如您从上面看到的，我可以获取要绑定的数据，但我无法将其绑定为多行，我知道我可以有多个框来实现这一点，但我希望我不必这样做。

任何帮助将不胜感激。

我正在尝试从我的 json 数据动态生成和使用表单控件。我想出一个简单的实验来弄清楚我需要应用的机制如下。

类中定义的变量

demoA用于从and中获取属性demoB并转换为FomControls 的函数

现在的demoC值为

由于我在加载组件时动态创建它，因此我没有预定义的方式来绑定它，这让我想知道我是否可以在输入的绑定中绑定它，就像这样

当然这没有用，也没有

如果我希望结果是demoC.name我该怎么做？

AngularJS 应用程序

我想了解如何解决无限摘要循环的这个问题，我应该写一个条件吗？

目标是使用 Angular 的 2 路数据绑定，但我需要修改输出以随机排序字母。

我的 HTML：

我的JavaScript：

说，我有一个组件，用途如下：

从https://angular.io/guide/template-syntax读取数据绑定相关部分后，我设置目标组件属性的方式似乎health是错误的，因为使用的模板表达式getHealth()是一种方法。方法绑定应该只用事件完成，而不是属性。换句话说，模板表达式（右侧的东西=）需要是模板变量、模板引用变量或组件/指令/元素属性。

如果[target]="methodCall()"是一种错误的绑定方式，那么为什么 Angular 允许它？如果这是进行绑定的正确方法，那么我在上一段中给出的理解是否错误？

另外，我应该如何修改我的代码以反映正确的事情：

1. 显示当前的健康状况，也就是说，只是一个进度条
2. 自动调用getHealth(): integer其中包含计算健康的业务逻辑。0 将在健康进度条上不显示任何内容。100 会填满进度条。

最后，我注意到 getHealth() 在每次鼠标移动或单击时都会无缘无故地被调用 10-20 次。由于Angular的这种更改检测行为，将方法绑定到目标属性可能不是一个好习惯？

在 Angular 中，组件可以作为@Input()变量或对象接收。每当变量发生变化时，Angular 都会通知组件。很酷...

我正在尝试构建一个ng2-tree在左侧显示视图和在右侧显示编辑视图的应用程序。当用户单击树中的一个节点时，该项目的详细信息将显示在右侧，用户可以更改该项目的属性。我需要的是让这些更改传播回树。

树中的各个节点是ItemTreeNode：

树呈现.value用于名称的节点。这是在构造函数期间通过调用设置的this.item.nodeName()。一旦设置，它就不会改变。问题是，每当更改项目时，它都需要更改。

我正在寻找的是一种在项目更改时通知此对象的方法，以便value可以更新属性。

ItemTreeNode作为 Angular 更改检测周期的一部分， 有没有办法“监视”该项目并在它发生变化时接收回调？

还是有更好的方法来实现所需的行为？