Angular 2 属性指令
示例
<div [class.active]="isActive"></div> <span [style.color]="'red'"></span> <p [attr.data-note]="'This is value for data-note attribute'">A lot of text here</p>
-
例如，Angular 2内置的属性指令ngClass和ngStyle，可以在任何组件或元素上工作。
-
家长和孩子通过Angular.io官方指南中的服务示例进行交流。io在可观察的流名称中使用美元符号。 注意<代码> missionAnnounced $ < /代码>和<代码> mi 有人能解释一下吗: < li >为什么使用< code>$？这个符号背后的原因是什么？我总是需要对公共属性使用这个吗？ < li >使用公共属性，但不使用方法(例如missionAnnouncements()、mis
-
我们可以直接将一个字符串绑定到属性。这就像添加一个html属性一样。 View Example 在这里，由于我们使用表达式绑定到指令，我们需要在方括号中包装指令名称。当你想有一个函数放在适用的类名列表时，传入数组是很有用的。 View Example 在这里我们可以看到，由于对象的 和属性是true，这些classes将会生效，但由于是false，它不会生效。
-
selector: 'app-style-example', template: ` <p style="padding: 1rem" [ngStyle]="alertStyles"> ` }) export class StyleExampleComponent { borderStyle = '1px solid black'; 'color': 're
-
装饰器允许我们在指令的host元素上编程设置属性值。 它类似于模板中定义的属性绑定，除了它专门定位到host元素。 对每个变化检测周期检查绑定，因此如果需要，它可以动态地改变。 注意，对于的两个用例，我们传递一个字符串值到我们想要改变的属性。如果我们不向装饰器提供字符串，那么将使用类成员的名称。
-
View Example 我们有礼貌，所以不是仅仅将用户发送到新页面，而是通过创建属性指令并将其附加到按钮，来询问他们是否确定跳转。 selector: `[appConfirm]` }) export class ConfirmDirective { @HostListener('click', ['$event']) confirmFirst(event: Event) {
-
我试图在登录过程后获得连接的用户模型， 首先，在CanActivate guard检查了带有用户JSON对象的本地存储并发现该对象为空之后，用户将重定向到“/login”URL 然后用户登录并重定向回根URL“/”，在连接过程中我使用AuthService，它将从服务器返回的用户对象保存在用户模型中 这是我的守卫：
-
我在该组件中有一个Angular2组件，它目前有一堆字段，前面应用了@input()，以允许绑定到该属性，即。