2017-04-10 12 views
0

してください。助けて。私は正式に多くのチュートリアルを見てきました。私の脳は完全に崩壊しようとしています。私を救う、stackoverflow、あなたは私の唯一の希望です。ng-repeat angularjs es6が動作しない

ng-repeatを使用して表示する車のリストを取得しようとしています。私は、この無駄に多くの異なる方法を試してみました。

ホームビュー:

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を取得する必要があります

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

controllers.ts私の情報---それはこれをやっているようには思われません。私はリソースの代わりに$ httpを使用しようとしました。いいえ。私はコードを読んで再読しました。私は正しい方向に振る舞いが必要です。コードを何度も見て、ドットをつけたゲームをプレイしています。ここでは何が欠けているのか分かりません。 APIからデータを取得しているようではないようです(私はconsole.logをチェックして何もチェックしていません)ので、APIを他の部分に接続することができないということがあります私のコード。私はちょうど正確に何が完全にわからない。

+4

あなたの質問の完全な内容は、リンクされていない**あなたの質問に**ある必要があります。リンクが腐って、将来の質問やその回答が役に立たなくなり、人々はあなたを助けるためにオフサイトに行く必要はありません。スタックスニペット( '<>'ツールバーボタン)を使用して理想的に[mcve] **を実行可能にします。その他:[*どのように良い質問をしますか*](/ help/how-to-ask) –

+0

* "ホームページのこんにちは!"私はTypeScriptをよく知っていませんが、コントローラーの 'public cars'がテンプレートのプロパティの可視性に影響を与えていませんか? – Phil

+0

はい私はそれを見る。 –

答えて

0

愚かな質問かもしれません、あなたのテンプレートからアクセスする際にコントローラ名に問題はありますか?

これを無視します。

関連する問題