创建具有多个属性的锚标签

时间:2014-05-09 12:24:58

标签: model-view-controller knockout.js anchor

我正在尝试使用MVC和Knockout创建一个针对某个页面的锚标记。

问题是:如果我有多个属性,我应该如何写这个?

我正在尝试这样的事情:

{
    var hrefAttribute = Url.Action("Index", "Home");
    var attr1= "?attr1=";
    var attr1= "&attr2=";
}

观点:

<a data-bind="attr:{'href':'@hrefAttribute @attr1'+ id()}">
  Edit Having two attributes
</a>

其中id是一个可观察的我的mvv模型。

如果我只有一个属性,那么这样的东西会起作用,但是如果我有两个属性呢?

1 个答案:

答案 0 :(得分:1)

knockout documentation for the attr binding显示了将多个属性绑定到元素的示例。实际上,它会显示一个锚标记,并设置hreftitle属性。

<a data-bind="attr: { href: url, title: details }">
    Report
</a>

<script type="text/javascript">
    var viewModel = {
        url: ko.observable("year-end.html"),
        details: ko.observable("Report including final year-end statistics")
    };
</script>

如果数据来自服务器,请使用剃须刀(或您正在使用的任何视图引擎)使用服务器中的数据初始化您的视图模型:

url: ko.observable('@hrefAttribute')