javascript - 有没有办法在读取 html 时修改 json 字符串？

Question

所以我的 JSON 中有一个复杂的对象结构，它是一个列表，每个元素都有许多属性。我希望能够访问名称属性并将其整个输出，即:“任务一”，并在加载将引用“链接到任务一”的文本时动态添加 href。

我正在使用knockout js，这就是该行的样子

<a class="this-class" data-bind="text: taskName attr: {href: '#link-to-'+taskName.replace(/\s+/g,'-')}"></a>

我知道 js 函数替换在 html 文档中不起作用，我只是想知道是否有一种方法可以强制 json 呈现在某些标签内，或者是否有人可以帮助我找到一种放入其中的方法这不会花费太多时间。

或者，如果我很愚蠢，应该在我的 JSON 中添加另一个名为“ref”的属性或其他内容

Answer 1

为什么不将计算添加到您的模型中:

self.link = ko.computed(function () {
    return '#link-to-' + self.taskName().replace(/\s+/g,'-');
}, self);

然后:

<a class="this-class" data-bind="text: taskName, attr: { href: link }"></a>