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

时间:2013-11-21 09:48:32

标签: knockout.js requirejs durandal single-page-application amd

我有一点要求,我想从产品网格导航到productdetail模块。

产品网格包含以下

产品ID |产品名称

123977844 | HTC OneX

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

当我点击使用SPA,durandal,需要js和knockout js的Product Id链接时,我想导航到其他模块(productdetails)。 任何人都可以提供帮助......

此致 希瓦

1 个答案:

答案 0 :(得分:3)

您有两种选择。

在HTML中添加路线作为普通链接:

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

(将[{1}}和ProductId替换为您的属性)

添加点击处理程序:

假设在迭代产品数组时HTML是在foreach中。

ProcuctName

视图模型:

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