AngularJS表示のjsonオブジェクト

Question

指定されたIDで私の残りのAPIニュースから受信します。私がng-repeatを使用したすべてのニュースを表示してもうまく動作しますが、1つのオブジェクトを表示したい場合、このメソッドは機能しません。

マイ.whenコード：

.when('/displaynews/:id',{ 
    templateUrl: 'views/display.html', 
    controller: 'NewsDisplayController', 
    constollerAs: 'displaydash' 
}) 

とcontroller：にconsole.logから

.controller('NewsDisplayController', 
    function($routeParams, NewsModel){ 

     var displaydash = this; 
     var newsId = $routeParams.id; 
     path = 'getNewsById/'+newsId; 

     function getNewsById() { 
      NewsModel.getNewsById().then(function (result){ 
       displaydash.news = result.data; 
       console.log(displaydash.news); 
      }) 
     } 

     getNewsById(); 
}) 

結果：私は私のHTMLテンプレートでこれを表示することができますどのように

Object { id="56f1ba6b275c8aa5bf4895d8", title="Tytul", text="Text", more...} 

？

私は、このようにHTMLファイルに表示するようにしてみてください。そうでない場合は、それを直接使用し、

<p>{{news.title}}</p> 
<p>{{news.text}}</p> 

しかし、それは result.dataがオブジェクトである場合は、角括弧でそれを囲み、 newsとして設定

Answer 1

あなたがのために行くことができます：コントローラに ：：だから

angular.toJson(JSONObj); 

、ここにあなたがのために行くことができますHTMLで

displaydash.news = result.data; 
$scope.news  = angular.toJson(displaydash.news); 

：

<p>{{news}}</p> 

問題あなたの質問では簡単ですが、あなたはあなたが定義されていないニュースのオブジェクトにアクセスするにはrying、そのためのスコープ変数を作成してみてください、あなたはそれにアクセスするように容易にできるようになります：

$scope.displaydash.news = result.data; 

<p>{{displaydash.news.title}}</p> 
<p>{{displaydash.news.text}}</p> 

参照してください：あなたは何をhttps://docs.angularjs.org/api/ng/function/angular.toJson

Answer 2

を働いていません。

displaydash.news = typeof(result.data) == "object"?[result.data]: result.data;