如何在angularjs中实现链接预览

Question

在angularjs中是否有在angularjs中实现链接预览的指令。我需要显示的链接预览，同时分享在我的网站类似谷歌加链接。

有一些指令https://github.com/LeonardoCardoso/Link-Preview。但它使用php。我需要没有php。

Answer 1

如果您使用的角度与材料设计，您可以使用以下：

https://github.com/angular-material-extensions/link-preview

否则，您可以使用:空闲链接预览服务手动完成此操作。

http://linkpreview.net是一个免费的REST服务，它接受任何URL作为输入，并返回带有标题、描述和缩略图的JSON响应。

您所需要做的就是向他们的API发送一个请求，其中包含必须生成链接预览的URL。

下面是一个示例请求(GET)

http://api.linkpreview.net/?key=123456&q=https://www.google.com

响应：

{
"title": "Google",
"description": "Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for.",
"image": "http://www.google.com/images/branding/googlelogo/1x/googlelogo_white_background_color_272x92dp.png",
"url": "https://www.google.com/"
}

您可以解析响应并对其进行样式设置。