@input結合，當我把它放在路由器組件

Answer

我剛剛發現出了什麼事不起作用。我必須在systemjs之後加載腳本pollyfills。那麼，這是路由器的一個已知問題：

Concat/Load Order

'node_modules/systemjs/dist/system.src.js', 
'node_modules/angular2/bundles/angular2-polyfills.js'

問題

我想用我自己的組件庫，在我的應用程序。我把組件的頁面下router組件內後，該組件的title與@Input裝飾不露面：

我需要它呈現在頁面內的title性能。

PS：

我看到這個one，但它不適合我的情況。
@input：link

依賴

{ 
    "angular2": "2.0.0-beta.7", 
    "systemjs": "0.19.22", 
    "es6-promise": "^3.0.2", 
    "es6-shim": "^0.33.3", 
    "reflect-metadata": "0.1.2", 
    "rxjs": "5.0.0-beta.2", 
    "zone.js": "0.5.15" 
}

元器件

import {Component, Input} from 'angular2/core'; 

@Component({ 
    selector: 'test', 
    template: ` 
      OK MAN PLZ WORK 
      {{title}} 
    ` 
}) 
export class Test { 
    @Input() title: string; 
}

集裝箱

import {Component} from 'angular2/core'; 

import {Test} from './test' 

@Component({ 
    selector: 'container', 
    directives: [Test], 
    template: ` 
    <test title="test"></test> 
    ` 
}) 
export class Container { 

}

引導

import {Component} from 'angular2/core'; 
import {bootstrap} from 'angular2/platform/browser'; 
import {RouteConfig, ROUTER_DIRECTIVES, ROUTER_PROVIDERS } from 'angular2/router'; 

import {Container} from './container; 

@Component({ 
    selector: 'app', 
    directives: [ROUTER_DIRECTIVES], 
    template: ` 
     <router-outlet></router-outlet> 
    ` 
}) 
@RouteConfig([ 
    { path: '/', component: Container, name: 'Container'} 
]) 
class AppComponent {} 
bootstrap(AppComponent, ROUTER_PROVIDERS);

來源

2016-02-24 Quy Tang

在代碼中，標題是一個屬性：

<test title="test"></test>

你應該使用property binding：

<test [title]="test"></test>

來源

2016-02-24 12:14:00 Sasxa

沒有'[..]'或'{{...}} Angular忽略了這個屬性，它只是一個由瀏覽器處理的簡單的靜態DOM屬性。 –

你錯了，那是數據綁定的一種方式。讓我們看看[this]（https://angular.io/docs/ts/latest/api/core/Input-var.html）。 –

@PeterTang你的問題並沒有說明預期的行爲是什麼，所以我們只能猜測。 –

這適用於我。我收到了title輸入中的測試值。看到這個plunkr：https://plnkr.co/edit/dZSMbVnvoNRXSbiNFbQX?p=preview。

有什麼預期的行爲，你想{{title}}顯示"test"？

來源

2016-02-24 12:22:53

是的，這就是我想要的。頁面顯示'正在加載...'，控制檯報告XHR錯誤:( –

您能否在您的問題中添加錯誤？謝謝！ –

無法加載資源：服務器響應狀態爲404（確定） angular2-polyfills.js：138錯誤：XHR錯誤（404確定）加載https://run.plnkr.co/L3tGUqDykU61O2Cf/app/main.ts （...） –

@input結合，當我把它放在路由器組件

回答

相關問題