如何在 angularJs 中显示 json 响应数据？

Question

我正在尝试通过 get_meta_tags 通过 laravel 获取 url 信息，并希望在我的 angularjs 应用程序中显示。但问题是

中的响应 return

Array
(
    [title] => Mercy Badshah Full HD
    [description] => mercy badsah
    [keywords] => mercy, badshah new song, badshah songs, badshah, badshah mercy
    [theme-color] => #e62117
    [twitter:card] => player
    [twitter:site] => @youtube
    [twitter:url] => https://www.youtube.com/watch?v=QyoXZ2YgnME
    [twitter:title] => Mercy Badshah Full HD
    [twitter:description] => mercy badsah
    [twitter:image] => https://i.ytimg.com/vi/QyoXZ2YgnME/maxresdefault.jpg
    [twitter:app:name:iphone] => YouTube
    [twitter:app:id:iphone] => 544007664
    [twitter:app:name:ipad] => YouTube
    [twitter:app:id:ipad] => 544007664
    [twitter:app:url:iphone] => vnd.youtube://www.youtube.com/watch?v=QyoXZ2YgnME&feature=applinks
    [twitter:app:url:ipad] => vnd.youtube://www.youtube.com/watch?v=QyoXZ2YgnME&feature=applinks
    [twitter:app:name:googleplay] => YouTube
    [twitter:app:id:googleplay] => com.google.android.youtube
    [twitter:app:url:googleplay] => https://www.youtube.com/watch?v=QyoXZ2YgnME
    [twitter:player] => https://www.youtube.com/embed/QyoXZ2YgnME
    [twitter:player:width] => 1280
    [twitter:player:height] => 720
    [attribution] => SonyBMG
)

这种格式。数据仅显示标题、描述、关键字和 theme-color。当我输入 {{urlDetails.twitter:image}} 等其他参数时显示错误

Syntax Error: Token ':' is an unexpected token at column 19 of the expression [urlDetails.twitter:image!=''] starting at [:image!=]. please help me out for this error. thanks in advance.

Answer 1

你在问题中提供的数据表示是数组。所以通过数组下标获取数据。如果数组名称是 urlDetails 则通过 urlDetails['twitter:image'].

检索数据

Answer 2

如果您的对象的属性包含非字母数字或非下划线字符，例如属性 "twitter:image"，那么您需要使用方括号表示法访问它：

{{urlDetails['twitter:image']}}

经验法则：如果您的属性是一个文字值，也可以是一个有效的变量名，请使用点符号；否则，使用方括号表示法。

如何在 angularJs 中显示 json 响应数据？

how to show json response data in angularJs?

angularjs

json

angularjs-scope