有没有办法让 Angular 反映属性绑定到属性

Question

app_element.dart

library attribute_binding.app_element;

import 'package:angular2/angular2.dart';
import 'package:attribute_binding/app_element.dart';

@Component(selector: 'app-element', templateUrl: 'app_element.html')
class AppElement {
  @Input() String attr2 = 'foo';
}

app_element.html

<h2>app-element</h2>
<div my-attr="attr1">attr1</div>
<div [my-attr]="attr2">attr2 {{attr2}}</div>

以便两个 <div> 都获得绿色背景颜色？

使用上面的代码只有第一个 <div> 获得绿色背景。

Answer 1

如果要绑定到属性而不是元素的属性，则必须使用 [attr.my-attribute]="expression".

形式

有关它的更多信息，您也可以从官方文档中查看 official cheatsheet and Template syntax - Attribute, Class, and Style Bindings。

关于你的发现，这似乎来自一个旧的 PR（7 月 15 日）并且看到它甚至没有被导出，最重要的是你在最新的 master 中找不到那个常量（参见 dom_renderer).

很高兴对您有所帮助。

有没有办法让 Angular 反映 属性 绑定到属性

Is there a way to make Angular reflect a property binding to the attribute

dart

angular

有没有办法让 Angular 反映属性绑定到属性