爲什麼添加構造函數在這裏打破Angular 2？

我正在試圖定義一個名爲NavItem的TypeScript類，我想持有一個標題和URL。我覺得，如果我定義這個類和使用對象符號{title: "foo", url: "bar"}它完美，但只要我添加了一個構造函數（即使我不立即使用它），它完全打破實例吧：爲什麼添加構造函數在這裏打破Angular 2？

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

@Component({ 
    selector: 'nav-item', 
    templateUrl: './views/navitem.html', 
}) 
export class NavItem { 
    @Input() title: String = "default title"; 
    @Input() url: String; 

    // if I comment the following out it works fine: 
    constructor(inTitle: String, inUrl: String) { 
     this.title = inTitle; 
     this.url = inUrl; 
    } 
}

如果我把這個構造函數放入我的頁面中：

例外：String沒有提供者！（NavItem - >字符串）在[在TopNav @ 2 navItems：11]

來源

2016-03-11 devios1

如果我把構造函數中，我得到這個在我的網頁：

這是因爲角應該爲實例化控制器爲你。你不做new FooController，角度呢。所以任何構造函數參數都必須有一個相應的提供者，並且使用angular註冊。

來源

2016-03-11 00:55:36 basarat

我明白了。我認爲我的問題是我需要分割我的模型和視圖。我將'NavItem'視爲模型和視圖（具有屬性的視圖），而這對於Angular來說似乎是一個壞主意。 – devios1

構造函數用於包含組件的DI。如果你想傳遞標題和URL的值，你會做以下事情。

<nav-item [title]="Sometitle" [url]="http://someurl.com">

角將它掛你

來源

2016-03-11 00:58:00 technoSpino

爲什麼添加構造函數在這裏打破Angular 2？

回答

相關問題