如何在angular.js中动态创建模板

时间:2013-03-27 22:35:03

标签: angularjs

angularjs的新手,所以我不确定如何最好地表达这个问题所以这可能是重复的。我有一个表,我想填充标签和一些复选框。每行代表一个测试指标,其中两个复选框表示“通过”或“失败”

function ListController($scope) {
    $scope.items = [
        {name: 'Feature X', flash: false, html: false},
        {name: 'Feature Y', flash: false, html: false}
    ];
}

我已正确填充表格,但我不确定的是如何动态创建此表格?我希望能够在选择新测试时提交此数据并创建新表。我现在可以看到调用此函数的唯一方法是初始化文档,我无法看到如何根据测试传递任何其他值来更改“items”节点。小提琴下面:

http://jsfiddle.net/3Lcue/

1 个答案:

答案 0 :(得分:1)

您可以使用$resource从服务器提交/检索数据:

app = angular.module("Test", ["ngResource"])

function ListController($scope, $resource) {
    var Test = $resource("/tests/:id", {id: "@id"});
    $scope.items = Test.query()

    $scope.addTest: function() {
        $scope.items.push($scope.newTest)
        $scope.newTest = {}
    }
}

然后使用newTest.name在您的视图中绑定newTest.flashnewTest.htmlng-model