在锚标记中包装匹配的字符串

时间:2015-07-20 02:52:13

标签: javascript angularjs ionic-framework hashtag

我正在我的app中实现hashtags我使用ionic angularjs,我试图匹配字符串中的内容并将它们包裹在字符串中的锚点周围有这样的数据模型:

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

让我们说例如视图是这样的:

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

我如何实现这个

1 个答案:

答案 0 :(得分:1)

欢迎来到正则表达式的魔力!

正则表达式是您文本匹配的一站式商店!看看实际行动:

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

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

希望这对你有用