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>但是在運行時，我得到以下內容：下一個號碼是 NaN它看起來很簡單，但我遺漏了一些東西。我想要實現的是將應用程序外部的值傳遞給它。謝謝。
3 回答
慕絲7291255
TA貢獻1859條經驗 獲得超6個贊
您不能為應用程序的根組件指定屬性綁定（輸入）。如果你真的想為它指定一些綁定，你應該使用額外的組件。看到這個掠奪者。
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貢獻2003條經驗 獲得超2個贊
使用ElementRef更新答案：改為使用Renderer.selectRootElement。任何試圖使用ElementRef.nativeElement的人都可能會看到關于這是最后手段的各種警告等。這是一個經過修改的更安全的版本。
constructor( renderer: Renderer ){
let rootElement = renderer.selectRootElement('app-root');
this.whateverInput = rootElement.getAttribute('my-attribute');}- 3 回答
- 0 關注
- 575 瀏覽
添加回答
舉報
0/150
提交
取消