<a click=''> event binding in SPA using router.navigate

Question

I have small requirement that i want to navigate to productdetail module from products grid.

Products Grid contains the below

Product Id   | Product Name

123977844 | HTC ONEX

var router = require('plugins/router'); 
    router.navigate('welcome') 

我想轉到其他模塊（產品詳細）當我使用SPA，迪朗達爾點擊產品編號鏈接，要求JS和JS淘汰賽。 任何一個可以幫助...上

問候， 溼婆

Answer 1

你有兩個選擇。

在HTML添加路由作爲一個正常的鏈接：

<a data-bind="attr:{href: '/#product/' + ProductId}, text: ProductName"></a> 

（更換ProductId和ProcuctName與你的屬性）

添加一個單擊處理程序：

假設在遍歷產品數組時，HTML在foreach中。

<a href="#" data-bind="text: ProductName, click: $parent.goToProduct"></a> 

視圖模型：

var router = require('plugins/router'); 

var vm = { 
    goToProduct: function(product){ 
     router.navigate('product/' + product.ProductId); 
    }