【问题标题】:angularjs dynamically set bind or modelangularjs动态设置绑定或模型
【发布时间】:2013-11-04 03:50:49
【问题描述】:

我正在尝试动态填充表格中的列:http://jsfiddle.net/REjUv/1/

$scope 有一个列定义数组,每个列都有一个属性名称和一个行的项目数组

我正在尝试将 td 元素的内容设置为具有相关列中名称的项目的属性

<div ng-app ng-controller='ListController'>
    <table>
        <tr>
            <th ng-repeat='column in columns'>{{column.text}}</th>
        </tr>
        <tr ng-repeat='item in items'>
            <td ng-repeat='column in columns'>
                <!--how do i set the ng-bind to item.[column.name]-->
                <label type='text' ng-bind='item.name' />
            </td>
        </tr>
    </table>
</div>


function ListController($scope){
    $scope.columns = [
        { name: 'id', text: 'Id' },
        { name: 'code', text: 'Code' },
        { name: 'name', text: 'Name' }
    ];

    $scope.items = [
        { id:1, code: 'A', name: 'AAA' },
        { id:2, code: 'B', name: 'BBB' },
        { id:3, code: 'C', name: 'CCC' },
        { id:4, code: 'D', name: 'DDD' }
    ];
}

【问题讨论】:

    标签: javascript angularjs


    【解决方案1】:

    这个?

    <td ng-repeat='column in columns'>{{item[column.name]}</td>
    

    FIDDLE

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-09-20
      • 2015-12-01
      • 1970-01-01
      • 2019-03-26
      • 1970-01-01
      • 1970-01-01
      • 2015-11-12
      • 1970-01-01
      相关资源
      最近更新 更多