JSONのHTMLをAngularで表示する

私はAngularで新しく、私はionicでアプリケーションを作っています。 JSONのHTMLを私の見解で表示することはできません。前の質問を検索しましたが、それでも動作しません。 HTMLコードは、テキスト..JSONのHTMLをAngularで表示する

私のコード

HTML

<div ng-bind-html="bindHTML"></div>

JSON

"usuarios": [ 
    { 
     "nombre": "Name 1", 
     "description":"<p>Some HTML</p><p>More HTML</p>", 
     "id": 0 
    }, 
    { 
     "nombre": "Name 2", 
     "description":"<p>Some HTML</p><p>More HTML</p>", 
     "id": 1 
    } 
]

コントローラ

のように書かれています

.controller('UserCtrl', ['$scope', '$http', '$state', function($scope, $http, $state) { 
    $http.get('js/data.json') 
     .success(function(data){ 
      $scope.data = data.usuarios[$state.params.id]; 
      $scope.bindHTML = $sce.trustAsHtml(data.description); 
     }); 
}])

ありがとうございました。

出典

2016-05-12 wanheda

Duplicate of http://stackoverflow.com/questions/31333151/how-to-render-a-html-tag-from-json-value-using-angularjs –

私が質問したように、このコードを試しましたそして、それはdoesn'work =（ – wanheda

あなたのコントローラやマークアップになぜ表示されないのですか？ –

これはどのように動作するかを説明するためにplunkerを実装しました。私が含まなかった唯一のことはあなたがやっているui.router $州のものです。

コントローラ

app.controller('MainCtrl', function($scope, $http, $sce) { 
    $http.get('data.json').success(function(data){ 
     $scope.data = $sce.trustAsHtml(data.usuarios[0].descripcion); 
    }); 
});

ビュー

<body ng-app="plunker" ng-controller="MainCtrl"> 
    <p ng-bind-html="data"></p> 
    </body>

あなたが重複としてマークされたスレッドの中で提案されたものをしようとした場合、あなたが働いていないだろう、なぜ私はわかりません。それは私にそれが$状態の依存関係と関係があると信じることを残すでしょうが、あなたの完全なアプリを見て外に出すのは難しいです。

出典

2016-05-12 01:40:20 sourdoughdetzel

あなたの答えをありがとう。私はそれを試みたが、うまくいかなかった。私はこのplunker https://plunker.co/edit/Hd2laRauUqのすべてのコードを入れました。私はcomunidad.htmlのリストを持っています。行をクリックするとuser.htmlに行きます。各ユーザのdata.description（json）を表示します。 – wanheda

<！ - あなたのアプリのjs - > – sourdoughdetzel

ああ申し訳ありませんが、私はURLを修正します。「Comunidad」タブをクリックしてください。そして、項目リストをクリックします。 user.htmlには名前が表示されますが、説明は表示されません。 – wanheda

JSONのHTMLをAngularで表示する

答えて

関連する問題