【问题标题】:Angular bind table to generic object角度绑定表到通用对象
【发布时间】:2015-08-10 23:19:32
【问题描述】:

我刚刚开始探索 Angular。现在我要做的是使用一个返回 jsonobject 的 mvc 处理程序。但是返回的 jsonobject 是通用的,所以它可以是不同类型的对象,并且它们都有不同数量的列。我想将所有这些列绑定到一个表,但这意味着我不能只创建固定数量的列并像这样绑定它们:

<table class="table">
            <tr ng-repeat="r in items">
                <td>{{r.ID}}</td>
                <td>{{r.Name}}</td>
                <td>{{r.FirstName}}</td>
                <td>{{r.Telephone}}</td>
                <td>{{r.Email}}</td>
            </tr>
        </table>

这不是我想要的方式,基本上我想要一个绑定到对象并为对象的每个属性创建表列的表。

感谢您的建议!

【问题讨论】:

    标签: javascript html .net angularjs model-view-controller


    【解决方案1】:

    你可以像这样迭代值的属性

    <tr ng-repeat="r in items">
      <td ng-repeat="(key, value) in r">
        {{ value }}
      </td>
    </tr>
    

    【讨论】:

    • 这是一个证明答案的小提琴:jsfiddle.net/consultwithmike/0rjq726g
    • @MichaelPerrenoud 谢谢迈克尔,你真棒!
    • @MichaelPerrenoud 这不正确,仅适用于 1 个对象,不适用于对象列表。但是 Rebornix 的回答是正确的!效果很好,非常感谢:)
    • @WtFudgE,很明显。推断一个循环显然并不复杂,对吧?关键是我有一个对象的工作示例,它支持这个答案。
    猜你喜欢
    • 2016-01-06
    • 2019-01-20
    • 2018-07-13
    • 2019-04-13
    • 2017-03-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-03-10
    相关资源
    最近更新 更多