2. 같은 경로에 TechController.js 파일을 생성하고 앵귤러의 컨트롤러를 하나 생성한다. 이곳에 Web API로부터 데이터를 읽어 오고 전송하는 코드를 작성한다. TechApp이라는 이름의 모듈에 TechController라는 이름의 앵귤러 컨트롤러를 만들었다. $http 서비스를 주입 후 이를 통해서 get()과 post() 함수를 사용해서 데이터에 대한 입출력 코드를 Web API를 사용해서 할 수 있도록 구현한 코드다.

▼  /wwwroot/app/Tech/TechController.js

(function () {
  ‘use strict‘;
  
  angular
      .module(‘TechApp‘)
      .controller(‘TechController‘, TechController);
  
  TechController.$inject = [’$scope‘, ‘$http‘];
  
  function TechController($scope, $http) {
      $scope.title = ‘Tech List‘;
      
      // Web API의 GET 메서드 호출
      $http.get(”/api/techesapi”).success(function (data) {
          $scope.teches = data;
      });
      
      // Web API의 POST 메서드 호출
      $scope.add = function () {
          $http.post(”/api/techesapi”, this.NewTech).success(function (data) {
              $scope.teches.push(data);
          });
      };
      
      activate();
      
      function activate() { }
  }
})();

---