小编Aks*_*mar的帖子

我在AngularJS中构建一个应用程序,我有非常复杂的JSON文件,它有很多子数组和对象.所以我的问题是:为了从JSON访问数据,可以一次又一次地使用ng-repeat吗？

<div ng-repeat="parent in parents">
      <div ng-repeat="child in parent">
           <div ng-repeat="grandChild in child">
                {{grandChild.name}}
           </div>
      </div>
 </div>

-----或者AngularJS中有一些循环方法

-----或者我们必须使用旧的JavaScript for循环

样本数据

{"data":
    {
        "categories":
        {
            "articles":
            {
                "bdh":
                [
                    {"id":1, "name":"bdh article 1", "body":"this is bdh article 1 body."},
                    {"id":2, "name":"bdh article 2", "body":"this is bdh article 2 body."}
                ],
                "hadoop":
                [
                    {"id":3, "name":"hadoop article 1", "body":"this is hadoop article 1 body."},
                    {"id":4, "name":"hadoop article 2", "body":"this is hadoop article 2 body."}
                ]
            },
            "videos":
            {
                "bdh Videos":
                [ …

我有两个阵列一个用于字母表,第二个用于标签..所以我想在该特定字母类别示例中仅显示相同的字母表项目 - 苹果必须进入A类别,动物园必须进入Z类别...

小提琴链接http://jsfiddle.net/4dGxn/149/

HTML

<div class="form-group" ng-controller="mainCtrl">
  <div ng-repeat="alp in alpha">
  <h2>{{alp}}</h2>
    <ul>
      <li ng-repeat="tag in tags">{{tag}}</li>
    </ul>
  </div>
</div>

角

var app = angular.module("app", []);

app.controller("mainCtrl", ['$scope', function($scope){

  $scope.alpha = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p","q", "r", "s", "t", "u", "v", "w", "x", "y", "z"];

  $scope.tags = ["apple", "dog", "cat", "dad", "baby", "zoo", "love", "hate", "rat", "room", "home", "age", "bad"];

}]);

我想按字母顺序排序单个对象...

保持其关键和价值ex:

输入是: {2:"a",3:"e",4:"h",5:"g",6:"d",7:"i",8:"c",9:"f ",10:"b"}

我需要输出: {2:"a",10:"b",8:"c",6:"d",3:"e",9:"f",5:"g",4:" h",7:"我"}

这是我的js代码:

var myObject = {2: "a", 3: "e", 4: "h", 5: "g", 6: "d", 7: "i", 8: "c", 9: "f", 10: "b"}

keysSorted = Object.keys(myObject).sort(function(a,b){return myObject[a]-myObject[b]});
console.log(keysSorted);

这是我的小提琴:https: //jsfiddle.net/j7yujL2y/

代码： http: //jsfiddle.net/s08nypfd/62/

内块边框重叠，看起来很粗，有解决办法吗？它在 Firefox 和 Chrome 中的呈现方式有所不同。

超文本标记语言

<div class="main_block">
  <div class="block"></div>
</div>

CSS

.main_block{
  width:400px;
  height:100px;
  background:#888;
  border:1px solid black;
}
.block{
  width:100px;
  height:100px;
  border:1px solid red;
}