AngularJS + ASP.NET MVC呼制御アクション

Question

AngularJSを使用する前に、私は

$.ajax({ 
     url: '@Url.Action("getGamedata", "Home")', 
     type: 'GET', 
     dataType: 'json', 
     cache: false, 
     async: false, 
     success: function (gameInfo) { 
      //alert(gameInfo.Name); //Working OK 
      for(var i=0;i<6;i++) 
       createTable(gameInfo[i]); 
     } 
    }); 

JSONの結果は、今私は等の名称、ジャンル、IMAGEURLとの6つの項目が含まれており、機能のJSONの結果を取得するには、このコードを使用しましたAngularJSを使用し、動的グリッドを構築する機能を持っています

function buildGridModel(tileTmpl) { 
      var it, results = []; 

      for (var j = 0; j < 6; j++) { 

       it = angular.extend({}, tileTmpl); 
       it.icon = it.icon + (j + 1); 
       it.title = it.title + (j + 1); 
       it.span = { row: 1, col: 1 }; 

       switch (j + 1) { 
        case 1: 
         it.background = "red"; 
         break; 

        case 2: it.background = "green"; break; 
        case 3: it.background = "darkBlue"; break; 
        case 4: 
         it.background = "blue"; 
         break; 

        case 5: 
         it.background = "yellow"; 
         break; 

        case 6: it.background = "pink"; break; 
       } 

       results.push(it); 
      } 

      return results; 
     } 

グリッドタイルタイトルに各アイテムのタイトルをプッシュしたいと思います。

1. 第一タイルタイトル=第一JSON項目タイトル
2. 第二タイルタイトル=第二JSON項目のタイトル
3. となど

Answer 1

私の解決策： プットAJAX機能に

function buildGridModel(tileTmpl) { 
      var it, results = []; 
      $.ajax({ 
       url: '/home/getGamedata', 
       type: 'GET', 
       dataType: 'json', 
       cache: false, 
       async: false, 
       success: function (gameInfo) { 

        for (var j = 0; j < 6; j++) { 

         it = angular.extend({}, tileTmpl); 
         it.icon = it.icon + (j + 1); 
         it.title = gameInfo[j]["Name"]; 
         it.span = { row: 1, col: 1 }; 

         switch (j + 1) { 
          case 1: 
           it.background = "red"; 
           break; 

          case 2: it.background = "green"; break; 
          case 3: it.background = "darkBlue"; break; 
          case 4: 
           it.background = "blue"; 
           break; 

          case 5: 
           it.background = "yellow"; 
           break; 

          case 6: it.background = "pink"; break; 
          case 7: it.background = "darkBlue"; break; 
          case 8: it.background = "purple"; break; 
          case 9: it.background = "deepBlue"; break; 
          case 10: it.background = "lightPurple"; break; 
          case 11: it.background = "yellow"; break; 
         } 

         results.push(it); 
        } 
       } 
      }); 

      return results; 
     }