Html AngularJS：动态生成网格布局

我需要创建一个表格结构，其中行中的列数不应超过页面的宽度。如果行中的列数无法放入该行，则应下移到同一行标题下的下一行。我用AngularJS编写了这段代码，但它不起作用

<div class="row" ng-repeat='(key,val) in response'>
            <h4>{{key}}</h4>
            <div class="col-xs-1" ng-repeat='(nestedKey,nestedVal) in val'>
                <a ng-href='{{function1(nestedVal)}}' target="_blank">{{nestedKey}}
                            <br>
                            <img id="graph" src='{{function2(nestedVal)}}' class="img-rounded"/>
                        </a>
            </div>
        </div>

{{key}}

我得到的错误是：

TypeError:无法读取未定义的属性“top”

---

我在代码中没有看到

top

的任何地方。代码真的会做我想做的事情吗？如果它不起作用，不，绝对不会。正如Sergiu所说，你提供的代码中的“top”在哪里？我们缺少帮助你的元素！但是我的代码中没有top！不需要，但是您可以重写代码的其余部分，只需在JS方面演示问题，我们就可以查看它。