<a click=''>使用router.navigate在SPA中進行事件綁定</a>

Question

我對從產品網格導航到productdetail模塊的要求不高。

產品網格包含以下內容

產品編號| 產品名稱

123977844 | HTC OneX

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

當我單擊使用SPA的產品ID鏈接時，我想導航到其他模塊（productdetails），durandal，需要js和敲除js。 誰能幫忙...

問候，濕婆

Answer 1

您有兩個選擇。

在HTML中將路線添加為普通鏈接：

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

（用您的屬性替換ProductId和ProcuctName ）

添加點擊處理程序：

假設在遍歷product數組時HTML位於foreach內部。

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

ViewModel：

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

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