<分区>
This示例显示了如何在子组件上使用 @Input() 注释。我的问题是你如何在根组件上使用它？例如，如果您修改上面链接上的代码:
@Component({
selector: 'app',
template: `
<bank-account bank-name="RBC" account-id="4747"></bank-account>
`,
directives: [BankAccount]
})
class App {
@Input() something: string;
}
bootstrap(App);
在 html 中:
<app something="Test"></app>
上面的例子从不更新 App 组件的something属性。
最佳答案
我认为你仍然可以使用:
class App {
constructor(elm: ElementRef) {
this.something = elm.nativeElement.getAttribute('something');
}
}
关于根指令上的 Angular 2 输入参数，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33640178/
相关文章：
angular - 找不到模块 : error : Can't resolve 'ngx-bootstrap'
angular - 当用户在浏览器选项卡中手动更改 url 时防止在 Angular 中进行路由
javascript - Angular2 - 在不同文件中拆分应用程序时出现引用错误
webpack - AspNetCore + 角度 2 : WebpackDevMiddleware Error with new project
angular - 如何使 vis.js 库与 Angular2 一起工作？
angular - 将参数传递给 Guard Angular 2
javascript - 仅当对象的属性发生更改时，Angular 才更新 View