Angular 2外部輸入你能幫忙嗎？剛開始使用Angular 2并遇到以下問題。我的組件如下：@Component({
selector: 'myapp',
inputs: ['mynumber']})@View({
template: `<p>The next number is {{ mynumber + 1 }}</p>'})export class App {
mynumber: number;}bootstrap(App);在我的HTML中：<myapp [mynumber]='41'></myapp>但是在運(yùn)行時(shí)，我得到以下內(nèi)容：下一個(gè)號(hào)碼是 NaN它看起來很簡單，但我遺漏了一些東西。我想要實(shí)現(xiàn)的是將應(yīng)用程序外部的值傳遞給它。謝謝。
3 回答
慕絲7291255
TA貢獻(xiàn)1859條經(jīng)驗(yàn) 獲得超6個(gè)贊
您不能為應(yīng)用程序的根組件指定屬性綁定（輸入）。如果你真的想為它指定一些綁定，你應(yīng)該使用額外的組件。看到這個(gè)掠奪者。
import {Component, Input} from 'angular2/angular2'@Component({
selector: 'myapp',
template: `
<p>The next number is {{ mynumber + 1 }}</p>
`})class App {
@Input() mynumber: number;}@Component({
selector: 'root',
directives: [App],
template: `
<myapp [mynumber]="41"></myapp>
`})export class Root {}
湖上湖
TA貢獻(xiàn)2003條經(jīng)驗(yàn) 獲得超2個(gè)贊
使用ElementRef更新答案：改為使用Renderer.selectRootElement。任何試圖使用ElementRef.nativeElement的人都可能會(huì)看到關(guān)于這是最后手段的各種警告等。這是一個(gè)經(jīng)過修改的更安全的版本。
constructor( renderer: Renderer ){
let rootElement = renderer.selectRootElement('app-root');
this.whateverInput = rootElement.getAttribute('my-attribute');}- 3 回答
- 0 關(guān)注
- 572 瀏覽
添加回答
舉報(bào)
0/150
提交
取消