angularjs JSON字符串中的超链接

fnx2tebb 于 2023-09-30 发布在 Angular

关注(0)|答案(2)|浏览(147)

我有一个Angular 模板将JSON数据拉入事件日历。有没有一种方法可以在JSON中的字符串中包含url链接，例如：

{ "name" : "Lee Morgan",
      "interviewer":"interviewed by: <a href='http://onehungrymind.com/angularjs-dynamic-templates/'>Sonny Stitt</a>",
      "day" : "Saturday",
      "date": "April 18th",
    },

我需要这样做的原因是因为我的一些数据有“面试官”变量，有些没有-看看下面的图片。我想也许包括整个“采访”行作为占位符，但面试官的名字需要超链接。

angularjs

来源：https://stackoverflow.com/questions/35612402/hyperlinks-within-json-string

2条答案

按热度按时间

bxfogqkk1#

可以使用ngSanitize并转义链接的双引号。如果有任何特殊字符，也可以对URL进行编码，但不是严格需要的。

{ "first_name" : "Lee",
    "last_name" : "Morgan",
    "day" : "Saturday",
    "date": "April 18th",
    "stage" : "norris-panel",
    "interviewer":", interviewed by: <a href=\"//onehungrymind.com/angularjs-dynamic-templates\" target=\"_blank\"><u>Art Blakey</u></a>",
    "genre" : "music",
    "work_title" : "Trumpet Dreams",
  "convrs_nmber":"1051",
    "time" : "10:00 am"
},

赞(0）回复(0）举报 2023-09-30

5uzkadbs2#

Angular在将HTML插入模板时会自动转义HTML。您可以使用ng-bind-html来防止这种情况，例如

// In the controller
$scope.myObject = <the JSON object you provided>;

<!-- The view -->
<div ng-bind-html="myObject.interviewer"></div>

来源/相关：AngularJS: Insert HTML from a string

赞(0）回复(0）举报 2023-09-30

我来回答

angularjs JSON字符串中的超链接

2条答案

相关问题

热门标签

最新问答