javascript - 在 AngularJS 指令中处理范围值的惯用方法是什么？

Question

我不太确定该怎么做。基本上我有一个自定义消息指令(作为一个元素)，它的范围内有几个字段，其中包含其文本的 content 字段。文本可以包含 URL(以 http/https 开头)和主题标签(以 # 开头并以空格分隔)。

处理 $scope.content 以便所有链接和主题标签都转换为超链接的惯用方法是什么？

Answer 1

我不太确定“转换为超链接”是什么意思，但假设您将内容拆分为字符串数组。您可以将其附加到链接函数中的元素:

link: function($scope, iElm, iAttrs, controller) {
    var links = iElem.text().split(",");
    for (var i = 0; i < links.length; i++) {
        iElem.append("<a href='" + links[i] + "'>" + links[i] + "</a>");
    };
    $compile(iElm.contents())($scope);
}

对于附加功能，我建议使用 Underscote template函数替代:

var linkTemplate = _.template('<a href="<%= link %>"><%= link %></a>');

然后在循环内调用

linkTemplate(links[i]);