2013-03-27 22 views
1

對於angularjs是新手,所以我不確定如何最好地表達這個問題,所以這可能是重複的。我有一張表,我想填充一個標籤和一些複選框。每一行代表表示「通過」或測試指標有兩個複選框「失敗」如何在angular.js中動態創建模板

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

我有表正確填充,但什麼我不知道的是如何動態創建該表?我希望能夠提交這些數據並在選擇新測試時創建一個新表。我現在可以看到調用此函數的唯一方法是在文檔的初始化過程中,我看不到如何通過任何附加值來根據測試更改「項目」節點。下面撥弄:

http://jsfiddle.net/3Lcue/

回答

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.namenewTest.flashnewTest.html在視圖中使用ng-model綁定。

+0

最終這將是理想的+1。在短期內,有沒有辦法通過函數調用傳遞一個值或創建一個模板? – Shane 2013-03-27 23:27:21

+1

@Shane在這種情況下,該示例與$ resource部分相同。在視圖中綁定'newTest'字段並使用'addTest'方法。 – alf 2013-03-28 00:57:08