2016-10-09 47 views
1

我正在嘗試爲網站代碼連接點,並將其卡在此處。可以解釋這是什麼意思?htmlknockoutJSparams什麼是routehtml中params的含義是什麼?

<x-header params="route: route"></x-header> 

回答

1

KnockoutJS component已註冊(其他地方),名稱爲x-header。當我們想使用x-header組件時,它使用與html標籤相同的語法,因此混淆起來。

params屬性傳遞一個名爲route(冒號右側)的單獨對象的value。它恰好如此,它將通過的名稱也將是route(冒號的左側)。

該params值正在傳遞給x-header組件的viewModel。它可能看起來是這樣的:

function viewModelXHeader(params) 
    { 
     var self = this; 
     self.route = params.route; 
     <other stuff that uses self.route> 
    } 

params屬性可以傳遞任意數量的參數,用逗號隔開,他們隨後可視圖模型中:

<x-header params="route: route, firstname: firstname, title: 'hello world'"></x-header> 
0

這在HTML中沒有任何意義。在代碼中的某處,您會發現已使用x-header作爲其標記名稱定義了Knockout組件。 params屬性就是該組件的作者決定其參數的位置。