javascript - Angular JS で 2 次元の比較表を作成する方法

Question

乗算テーブルに似たテーブルの作成に取り組んでいます: http://www.eco-pros.com/images/ClipArt-Graphics/multiplication-table.gifいくつかの評価用です。

データは、Restangular を使用した REST 呼び出しを通じて API リソースから取得されます。REST 呼び出し後のコントローラーのコードは次のとおりです。

getEvaluations.getList("evaluations?searchBy[participant]=880b6fb0-ee34-11e2-a62e-19e0bcac9427").then(function(data){
    evals = data["_embedded"]["items"];

    for (i = 0; i < evals.length; i++){
        allEvals.push({
            rating: evals[i].rating,
            alternative: evals[i]["_embedded"]["alternative"].name,
            criterion: evals[i]["_embedded"]["criterion"].name
        }); 
        /* I'm creating an array of objects to parse the data that comes from the
           resource because the back-end is a bit messy. */

    }
    console.log(allEvals);
    $scope.evaluations = {
        eval: allEvals
    };
    $scope.projectID = $routeParams["projectID"];
}, function error (err){
    alert("Error in fetching resource");
    console.log("error");
});

ビューには、埋める方法がわからないテーブルがあります。

<table>
        <thead>
          <tr>
            <th></th>
            <th data-ng-repeat="alternative in alternatives">{{alternative.name}}</th>
          </tr>
        </thead>
        <tbody>
          <tr data-ng-repeat="criterion in criteria">
            <td><b>{{criterion.description}}</b></td>
            <td><input type="text" value="{{evaluations.rating}}" /></td>
            <td><input type="text" /></td>
            <td><input type="text" /></td>
          </tr>
        </tbody>
    </table>

これはテーブルの古いコードで、2 つの REST 呼び出しを使用して代替名と基準名を取得してテーブルに入力していました。しかし、作成したオブジェクトの配列を使用して、代わりにデータを入力できるようにしたいと考えています。そして、入力ボックスでは、その特定の選択肢と基準に一致する評価を取得したいと考えています (したがって、AA、AB、AC などをチェックし、その値を挿入するための条件ステートメントのようなものが必要です)。

例えば：

  A1

C1 5.0

ヒントやヘルプをいただければ幸いです。ありがとうございました。この質問は非常に異なるため、この質問をより明確にする方法がわかりません。

JS フィドル (動作しない):

http://jsfiddle.net/GkxeP/8/