Question

请帮忙。我是angularjs的新手，我想使用angularjs

将json数据绑定到div作为列表

样本数据

"[{"T_FORM_CODE":"T12040"},{"T_FORM_CODE":"T18025"},{"T_FORM_CODE":"Q12014"},{"T_FORM_CODE":"R12039"}]"

Answer 1

Json数据：

    const HEROES = [
    {"T_FORM_CODE":"T12040"},{"T_FORM_CODE":"T18025"},{"T_FORM_CODE":"Q12014"},{"T_FORM_CODE":"R12039"}
];

模板：

  <tr *ngFor="let hero of heroes">
                    <td>{{hero.T_FORM_CODE}}</td>
                </tr>

Answer 2

这样做：

<div ng-app="myApp" ng-controller="myCtrl">
        <table>
             <tr ng-repeat="x in array">
                 <td>{{x.T_FORM_CODE}}</td>
             </tr>
        </table>
    </div>

    <script>
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope) {
        $scope.array = [{"T_FORM_CODE":"T12040"},{"T_FORM_CODE":"T18025"},{"T_FORM_CODE":"Q12014"},{"T_FORM_CODE":"R12039"}];
    });
    </script>

Answer 3

你可以使用ng-repeat。你可以看到plunker

 <div ng-repeat ="dr in data">
 {{dr.column}}
 </div>

Plunker

Json数据绑定angularjs中的div

3 个答案: