问题标签 [property-binding]

I am new to Angular 4, and while reading the official tutorial https://angular.io/tutorial, I came across the Master/Detail component (https://angular.io/tutorial/toh-pt3), there they did a property binding between the heroes list component and the hero details component:

Here is a direct quote from the tutorial:

It's a one way data binding from the selectedHero property of the HeroesComponent to the hero property of the target element, which maps to the hero property of the HeroDetailComponent. Now when the user clicks a hero in the list, the selectedHero changes. When the selectedHero changes, the property binding updates hero and the HeroDetailComponent displays the new hero.

If you check the code, app-hero-detail allows to change the hero.name parameter via an input field. What surprised me is that when changing the hero.name field, the selectedHero.name value also changes (you can check the live demon https://stackblitz.com/angular/moymegapmypx).

Is there something I am missing? Isn't this supposed to be a one way binding (selectedHero changes hero but not the other way)? I am sure there is an explanation for this.

尝试输入属性绑定时，我将属性设置为未定义。带输入的组件：like.component.ts `

`like.component.html

app.component.ts

app.component.html

我在 Like 组件中声明输入属性，然后在应用程序组件中绑定它们 - 但似乎没有传递值： 开发者工具控制台

我有一张带有区域多边形的地图。在地图下方，我有一个下拉选择输入，可以动态读取多边形名称作为选项。当用户单击地图上的区域多边形时，我希望下拉选择输入更新为所选多边形名称（在 geojson 文件中作为“名称”字段存在）。

我认为实现这一点的方法是在 HTML 模板文件中使用属性绑定。所以在我的选择类中，我将 value 属性设置为 value clicked，如下所示：

clicked最初在应用程序组件中定义为空字符串。单击多边形时，我在单击事件中设置clicked为多边形名称字段。onEachFeature控制台日志显示clicked变量正在正确更新。但是，选择输入不会按预期更新点击事件。

我怀疑问题是this我的函数内部没有正确更新？如何使用我的地图点击事件更新选择输入？

这是一些代码（基于 Asymmetrik 的 ngx-leaflet-tutorial-ngcli）：

Geojson（保存polygons.geojson在 assets 文件夹中：

App.module.ts：

App.component.html：

App.component.ts：

在我的 Angular 应用程序的 UI 中单击某个按钮时，会打开一个对话框，用户可以在其中更新他/她的个人信息。为简单起见，我将以下代码限制为他/她的用户名。也就是说，我假设用户只能在对话框中更改他/她的用户名。

打开对话框的代码如下：

文件 update-personal-data.component.ts 如下所示：

文件 update-personal-data.component.html 目前如下所示：

如您所见，我想使用以下代码将输入字段的默认值设置为等于旧用户名：

但是，这不起作用。输入字段为空。我也尝试了其他几种方法（例如 [value]="{{data.username}}"），但没有任何效果。有谁知道如何将输入字段的默认值设置为等于变量 data.username 的值（传递给对话框）？

我想以这样的方式进行路径转换，即使在动画期间改变了大小，路径的行为也相对于窗口大小。此外，当动画完成时，动画元素应该使用停留在相对目标位置。

tileWidthProperty并且tileHeightProperty是我为了方便而添加的班级成员，他们只是将主窗格的大小分成八份。

这是我的代码：

col 和 row 参数是已知为 0 <= x < 8 的整数。它们是 8*8 网格中 tile 位置的列和行。

然而，MoveTo 和 LineTo 元素的绑定似乎没有任何效果。

我需要禁用一个按钮，直到 3 个文本框为空并且在组合框上没有进行任何选择。我编写了以下 XAML 代码：

绑定到文本框有效，但组合框无效。我应该写什么？谢谢

在 JavaFX 中，属性绑定ChangeListener通常可用于完成与或相同的目标InvalidationListener。如果可能需要在其他地方设置受更改影响的属性，则绑定是有问题的，因为无法设置绑定的属性（除非绑定是双向的，它有自己的一组问题）。

在这样的背景下，我需要知道绑定的属性（例如在皮肤中）是否仍然可以通过样式文件中的 CSS 进行更改。

我正在研究一些我想使用绑定设置默认值的控件。如果“CSS 更改”被视为与设置值相同（这不起作用），那么我将不得不求助于侦听器。

将不胜感激输入。谢谢！

在 Angular4 中，视图 (.html) 上的属性绑定从逻辑文件 (.ts) 中获取值

这在代码中效果很好：

这在代码中也很有效：

为什么这不起作用？

abc.component.ts

我知道ngStyles和ngClass的用法，我只是想问一下为什么属性绑定在上述情况下不起作用。最后 --- 如果值取自 .ts 文件并添加到段落中 'style' 属性前面的 html 片段，则它只是一个简单的“内联 CSS 样式”。

我有一个ng2-avatar组件，其背景颜色绑定到我的组件的属性。背景颜色最初设置正确，但当我的组件的背景颜色属性更改时不会更新。这似乎是 ng2-avatar 组件的一个错误，但我可能做错了什么。如何在颜色属性更新时更新头像背景颜色？

组件.html

组件.ts

GitHub 上的完整代码

我试图在 Angular 中做一个属性绑定的例子。我决定拍摄一张图像，然后通过属性绑定将它的所有 3 个属性——宽度、高度、src。令我惊讶的是，虽然没有错误，并且图像正在由 URL 呈现（在 url 中没有错误），但宽度和高度仍然被呈现为零 (0)。为什么这个？据我所知，Image 将高度和宽度作为其属性。那么问题出在哪里？

abc.component.html

有人可以解释为什么第二种情况运行良好的奇怪行为，但首先虽然图像被渲染但从未见过（如高度：0px，宽度：0px）？

错误：

另外，（根据 Pronoy Sarkar - 请参阅下面的答案）

现在，问题是为什么简单的 [height] 和 [width] 不起作用？毕竟，我们从来没有做过[attr.src]？