ng-repeat angularjs es6가 작동하지 않습니다.

하시기 바랍니다. 도움. 나는 공식적으로 나의 두뇌가 완전히 내파르게 될 많은 자습서를 보았다. 저장, stackoverflow, 당신은 내 유일한 희망입니다.ng-repeat angularjs es6가 작동하지 않습니다.

ng-repeat를 사용하여 표시 할 자동차 목록을 얻으려고합니다. 나는 아무 쓸데없는이 여러 가지 방법을 시도했다.

홈보기 :

<h2> 
    Welcome to homepage</h2> 
<p>{{controller.message}}</p> 
<li ng-repeat="car in controller.cars"> 
{{car.name}} 
</li> 
</body>

controllers.ts

namespace myapp.Controllers { 

    export class HomeController { 
     public message = 'Hello from the home page!'; 
     public movies; 

     constructor(carService:myapp.Services.CarService) { 
      this.cars = carService.listCars(); 
     } 
    } 


    export class AboutController { 
     public message = 'Hello from the about page!'; 
    } 

}

services.ts

namespace myapp.Services { 

    export class CarService { 
     private CarResource; 

     public listCars() { 
      return this.CarResource.query(); 
     } 

     constructor($resource: ng.resource.IResourceService) { 
      this.CarResource = $resource('/api/cars'); 
     } 
    } 
    angular.module('myapp').service('carService', CarService); 
    export class MyService { 

    } 
    angular.module('myapp').service('myService', MyService); 
    }

그래서 기본적으로 .... 나는 제공하기 위해 자동차 API를 얻을 필요 나 정보 ---이 일을하는 것처럼 보이지 않습니다. 리소스 대신 $ http를 사용하려고했습니다. 아니. 나는 코드를 읽고 다시 읽었다. 나는 올바른 방향으로 찔러야한다. 코드를 여러 번 살펴보면서 점을 연결하는 게임을 해봤는데 여기에없는 것을 보지 않고 있습니다. API에서 데이터를 얻는 것처럼 보이지 않습니다. (몇 군데에 console.log를 넣고 아무것도 체크하지 않았습니다.) 그래서 나머지 부분에 API를 연결할 수없는 상황이 계속되고 있습니다. 내 코드. 나는 정확히 정확히 무엇인지 모르겠습니다.

출처

2017-04-10 Kaitlin Danson

귀하의 질문에 대한 전체 내용은 귀하의 질문에 ** 반드시 ** 연결되어 있어야합니다. 링크 썩어, 미래의 사람들에게 질문과 그 답변을 쓸모없는 만들고, 사람들이 당신을 돕기 위해 오프 사이트로 이동해서는 안됩니다. 질문에 [mcve] **를 넣으십시오. Stack Snippets ('<>'도구 모음 단추)를 사용하여 실행 가능하게 만드는 것이 이상적입니다. 기타 : [* 좋은 질문을하는 방법 *] (/ help/how-to-ask) –

* "안녕하세요!"메시지가 보이십니까? 나는 TypeScript를 잘 모르지만 컨트롤러의'public cars'가 템플릿의 속성 가시성에 영향을 미치지 않는가? – Phil

네, 알겠습니다. –

바보 같은 질문 일 수도 있습니다. 템플릿에서 컨트롤러 이름에 액세스 할 때 컨트롤러 이름에 문제가 있습니까?

그렇지 않은 경우 무시하십시오.

출처

2017-04-10 08:17:50

ng-repeat angularjs es6가 작동하지 않습니다.

답변

관련 문제