Wie man eine variable einfügen, die die html-Ionische & angular-Vorlage-Datei?

Ich habe eine Ionische & angular-basiertes Projekt. Ich bekomme variable node aus einem Dienst. Knoten Körper Wert ist "HTML". Aber wenn ich drucken {{node.body.und[0].value}} mit Ionischen, es gibt HTML-Code mit tags wie <ul><li><strong>Title:</strong>&nbsp;some text</li><ul>

Controller-und service-Teil des Codes:

.controller('NodeCtrl', function($scope, $stateParams, Node) {
    $scope.node = Node.get({nid: $stateParams.nid});
});

.factory('Node', function ($resource) {
    return $resource('some-domain.com/api/node/:nid'+'.json');
})

Ionischen Vorlage:

<ion-view view-title="{{node.title}}">
  <ion-content>
    <div class="list card">
      <div class="item">
        <h2>{{node.title}}</h2>
      </div>
      <div class="item item-body">
        {{node.body.und[0].value}}
      </div>
    </div>
  </ion-content>
</ion-view>

Wie kann ich Ionischen drucken {{node.body.und[0].value}} als HTML statt mit HTML-tags wie <ul><li><strong>Title:</strong>&nbsp;some text</li><ul>?

Wie man eine variable einfügen, die die html-Ionische & angular-Vorlage-Datei?

  • "Wie kann ich Ionischen drucken {{node.body.und[0].value}} als HTML statt mit HTML-tags wie <ul><li><strong>Title:</strong>&nbsp;some text</li><ul>" ... ich gehe davon aus, dass du meinst, wie können Sie es drucken als text? Weil er den Druck, als HTML, wenn Sie die tags.
  • Oder ist es einfach nur einfügen, die HTML als string?
  • Haben Sie sah ng-bind-html ? docs.angularjs.org/api/ng/directive/ngBindHtml
  • Ich habe schonmal ein Bild, um zu erklären, die situation zu verbessern.
  • Ich habe es geändert wie <p ng-bind-html="node.body.und[0].value"></p> und es funktionierte, wie ich wollte. Dank
InformationsquelleAutor coolman | 2015-10-28
  1. 3

    Alle Kredite zu Werden.Harris!!

    ng-bind-html, ist, was Sie suchen.

    Von den Docs, verwenden Sie die ng-bind-html in der Ansicht als:

    <div ng-controller="ExampleController">
 <p ng-bind-html="myHTML"></p>
</div>

    und in der Steuerung, weisen Sie die scope-variable mit dem html-Inhalt als:

    angular.module('bindHtmlExample', ['ngSanitize'])
.controller('ExampleController', ['$scope', function($scope) {
  $scope.myHTML =
     'I am an <code>HTML</code>string with ' +
     '<a href="#">links!</a> and other <em>stuff</em>';
}]);
    InformationsquelleAutor Kailas
Schreibe einen Kommentar