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

时间:2017-05-06 10:45:10

标签: angularjs json angularjs-scope

我试图通过la_vel并通过get_meta_tags获取网址信息,并希望在我的angularjs应用程序中显示。 但问题是回复

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
)

这种格式。 数据仅显示标题,描述,关键字和主题颜色。当我把其他参数如{{urlDetails.twitter:image}}显示错误

  

语法错误:令牌':'是第19栏的意外标记   表达[urlDetails.twitter:image!='']从[:image!=]开始。   请帮我解决这个错误。提前谢谢。

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

如果您的对象具有非字母数字或非下划线字符的属性(如属性"twitter:image"的情况),则需要使用方括号表示法来访问它:

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

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