使用AngularJs將JSON數組值解析為文本字符串
[英]Parse JSON array values with AngularJs to text strings
問題描述
我需要使用AngularJS訪問此json文件的數組“ position”內的值。 我的問題是我需要將它們作為文本字符串值獲取，因為我需要將它們作為標簽內的CSS類名稱添加，基本上是這樣的：
<div class="europe italy rome"></div>
<div class="europe france paris></div>
<div class="america usa atlanta></div>
這是我的Json文件：
[
{
"name": "Rome",
"position": ["europe", "italy", "rome"]
},
{
"name": "Paris",
"position": ["europe", "france", "paris"]
},
{
"name": "Rome",
"position": ["america", "usa", "atlanta"]
}
]
我不知道該怎么做。 預先感謝您的建議。
1 個解決方案
解決方案1
3 已采納 2015-04-11 10:37:31
您可以只在數組中join文本。
angular.module("app",[]) .controller("MainCtrl", function($scope) { $scope.styles = [ { "name": "Rome", "position": ["europe", "italy", "rome"] }, { "name": "Paris", "position": ["europe", "france", "paris"] }, { "name": "Rome", "position": ["america", "usa", "atlanta"] } ]; });
<html ng-app="app"> <head> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script> <meta charset="utf-8"> <title>JS Bin</title> </head> <body ng-controller="MainCtrl"> <div ng-repeat="style in styles" ng-class="style.position.join(' ')"> applied style : {{style.position.join(' ')}} </div> </body> </html>
Javascript：將 JSON 解析為字符串數組
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.