javascript - 将电子邮件数据绑定(bind)到 mailto 链接 json

Question

在我的 View 页面中，我尝试放置一个用户的电子邮件地址，该地址是我使用 Knockout.js 从数据绑定(bind)中获得的，但我无法使其正常工作。

电子邮件代码

<a class="icon-envelope icon-white" data-bind="attr:{href:'mailto:' + Email},text:Email"></a>

这就是我所拥有的，当前的结果是:图标然后是它旁边的电子邮件地址，当我单击电子邮件时没有任何反应。任何有用的提示表示赞赏。

Answer 1

在对属性进行绑定(bind)时，通常通过给出属性名称进行绑定(bind)，就像使用文本绑定(bind)一样:

data-bind="text:Email"

但需要注意的一点是，Email 是一个 observable，而 observable 实际上是一个方法，而不是一个字符串。因此，如果您想开始直接在绑定(bind)中执行一些 javascript，例如将“mailto:”与您的 Email 可观察值的值连接起来，您需要调用可观察值来获取它的值，如下所示:

data-bind="attr:{href:'mailto:' + Email()}"

您可能需要考虑的另一种方法是创建计算可观察量，以便您可以拥有更简单的标记。 View 模型中计算的可观察量可能如下所示:

self.EmailLink = ko.computed(function() {
    return 'mailto:' + self.Email();
});

然后标记可能如下所示:

<a data-bind="attr:{href:'mailto:' + EmailLink},text:Email"></a>

使用这两个选项:http://jsfiddle.net/tlarson/tG7mg/