ng-repeat angularjs es6不起作用

时间:2017-04-10 06:52:51

标签: angularjs typescript angularjs-ng-repeat

请。救命。我已经正式看了很多教程,我的大脑即将彻底崩溃。救救我,stackoverflow,你是我唯一的希望。

我正在尝试使用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连接到其余的我的代码。我只是不完全确定究竟是什么。

1 个答案:

答案 0 :(得分:0)

这可能是一个愚蠢的问题,从模板访问控制器名称时是否有任何问题?

如果没有,请忽略。