问题标签 [property-binding]

[更新] 我在这里使用 angular 2 carousel：

https://embed.plnkr.co/ScE0uqfd0ZvL6T9j1XjL/

我想添加过渡效果。

在轮播示例 ts 中，我添加了属性

我在 carousel-example.ts 中声明的 noTrans 属性为 private noTrans:boolean = false;

noTransition 在轮播组件内

（默认情况下 noTrans 为 false ，文档应启用转换）。

这没有做任何事情，我看不到任何过渡。有谁知道我错在哪里？

谢谢！

最后，我使用引导程序实现了我的通用轮播，所以我将发布我是如何做到的，以便在有人想使用它时提供帮助：

组件.html：

组件.ts：

*我确实在我的服务中订阅（）

我正在模板化一个页面，需要绑定到 div 的 css :before 元素的border-color 属性。这在Angular 2中可能吗？

我知道我可以编写一些 css 并使用类绑定来切换颜色，但这需要事先知道所有可能的颜色，所以这不是我正在寻找的解决方案。

我在使用 Angular 2 属性绑定时遇到了非常奇怪的行为。

首先，这是一个 Store 类：

这是组件代码：

这是让我发疯的模板！

[value]="s"在这里，标签option的绑定<select>不起作用！它设置selectedStore为一些空对象（？），它Address:在标签中显示空文本<small>，并记录：DEBUG: [object Object]在控制台（在selectionChanged()）中。但是{{s.name}}插值按预期工作（在选择框中显示名称）。

现在看这个：如果我对模板进行以下修改，它会按预期工作：

现在绑定有效，地址已登录控制台并<small>正确显示在标签中。所以绑定[value]="s"不起作用（实际上给出了一些奇怪的“对象”值），但绑定[value]="s.address"按预期工作。我已经关注了文档，没有提到这种限制。这是一个错误吗？还是我错过了什么？

我制作了一个简单的 JavaFX 应用程序。在此应用程序中，有一个包含 2 列和一个复选框的树表。如果选中复选框，则第 2 列将可见，否则不可见。为此，我将树表列可见属性绑定到复选框选定属性。当我单击复选框列状态更改但同时给出。

原因：java.lang.RuntimeException：TreeTableColumn.visible：无法设置绑定值。

如果我使用双向绑定，我不会收到此错误。但我不需要双向绑定。是错误还是我没有正确使用绑定？请使用以下代码重现此错误。我使用 jdk1.8.0_111。

JavaFXApplication.java

FXMLDocumentController.java

FXML文档.fxml

我正在尝试在一个 HTML 页面中引导多个 angular2 组件。

到目前为止，一切正常，除了从服务器传入 index.html 的属性的属性绑定。

这是 plunker https://plnkr.co/edit/5DbVda?p=preview

我创建了一个组件，它接收在它的选择器上设置的属性：

输入在 NavigationCard 类中设置：

在模板中：

如果 type == navigation，路由器将重定向到正确的组件，但是当它是下载时，我收到此错误：

例外：未捕获（承诺）：错误：无法匹配任何路由。URL 段：'style-guide/https%3A/somedomain.com/somefile.zip'

当在链接的 href 中显式输入但不是通过属性绑定时，此 URL 可以正常工作。知道如何解决这个问题吗？

I read the following post but that does not seem to answer my question. In one of the tutorials that I am following I came across this

Now I noticed the .selected class declaration in the css show below

Now my question is what does the following code do ?

Does it replace "row" with "selected" ? What exactly happens to the html/style with this ?

我试图使用的值{{facturaCE.cantidad / 1.16}}作为属性值data-clipboard-text = facturaCE.cantidad / 1.16

这是我的代码片段

我正在使用Clipboard.js这就是为什么有属性data-clipboard-text并且如果我使用一些示例文本它就可以工作。

已经尝试使用data-clipboard-text="{{facturaCE.cantidad / 1.16}}"

我们应该不允许在属性绑定中增加或设置值。在官方 Angular2 文档中，他们声称：

该表达式可以调用类似 getFoo() 的方法。只有你知道 getFoo() 是做什么的。如果 getFoo() 改变了一些东西，而你碰巧绑定到了那个东西，你就会冒着不愉快的经历的风险。Angular 可能会或可能不会显示更改后的值。Angular 可能会检测到更改并抛出警告错误。一般来说，坚持数据属性和返回值的方法，不再做任何事情。

但是，我做了一个示例，我实际上覆盖了该值并增加了它，然后将其设置为 DOM 属性，并且一切正常。这是我的代码：

和 HTML：

从理论上讲，这应该是一种不好的做法并且可以避免，但在现实生活中这同样有效。所以我的问题是，什么是正确的情况来表示这些事情不应该做？

我注意到 angular 2 属性绑定在使用时不起作用input type="datetime-local"是否有任何解决方案或解决方法可以将输入日期与秒绑定到属性？