如何使用angular.js将javascript数组变量值传递给html

时间:2013-04-25 19:42:15

标签: javascript angularjs templating

我是angular.js

的新手

我想通过填充javascript数组变量中的值来创建表。 我在我的变量中创建并输入了值

        var result=[];    

        //some loop. Just demonstrating that there are multiple values of id and text
        result.push(
            {
                "id":obj["id"],                
                "text":obj["text"],
            }
        );

我想为html

中的结果变量中的每个id和text创建一个新行
<table>
<tr><td>id</td><td>text</td></tr>
<table>

使用angular.js的方法是什么。

1 个答案:

答案 0 :(得分:2)

想出来。如果有人需要它,请把它放在这里。

Javascript代码:

function controller($scope, $http) {

    $scope.results=[];
    $http.get(url).success(function (data) {

        $.each(data, function () {
            var obj = data;
            console.log(obj);
            $scope.results.push(
                {
                    "id": obj["obj_id"],                    
                    "text": obj["text"]
                }
            );


        });
    });


}

html代码

<div  ng-controller="controller">
    <table ng-repeat="result in results">
    <tr><td>{{result.id}}</td><td>{{result.text}}</td></tr>
    <table>
</div>