javascript - 将匹配的字符串包装在 anchor 标记中

标签 javascript angularjs ionic-framework hashtag

我正在我的应用程序中实现主题标签,我使用 ionic angularjs,我尝试匹配字符串中的内容并将它们包裹在字符串中的 anchor 周围,具有如下数据模型:

    {id:1, tags:["cool","love"], message: "i am #cool and i #love you"}

假设 View 是这样的:

      <p> i am #cool and i #love you</p>

我如何实现这个

最佳答案

欢迎体验正则表达式的魔力!

Regex 是您的文本匹配一站式商店!看看实际情况:

function linkHashtag(text) {
  return text.replace(/#[a-z]+/g, "<a href=\"/api/hastag/$&">$&</a>\")
}

当输入带有主题标签的文本时,它将用指向主题标签特定网址的链接替换它们!这不就是花花公子吗!

希望这对你有用

关于javascript - 将匹配的字符串包装在 anchor 标记中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31508206/

相关文章:

javascript - ionic 中的自动增长文本区域

javascript - 如何将可拖动元素捕捉到有限容器

javascript - 如何在 AngularJS 中设置 cookie 的过期日期

html - Angular : How to uncheck all checkboxes with a link?

javascript - 如何动态更改 &lt;title&gt; 标签?

javascript - Ionic 带有地理位置警报 : 'mySecondApp.app/www/index.html' Would like to use your current location

javascript - 无法从函数返回方程式

javascript - 用于进行一些 meteor 单元测试的最小 Docker 镜像

javascript - 使用 angularjs 和 d3 的制图 TypeError : undefined is not a function

angular - 在 Web 应用程序和移动应用程序中嵌入私有(private) Vimeo 视频——Ionic/Angular