javascript <pre> - Cómo mostrar & nbsp;¿O cualquier html crudo en datos angulares?




php only (5)

¿Cómo puedo mostrar &nbsp; como espacio no como cadena. ¿Hay filtro en raw como en ramita?

<div>{{item}}</div>

$scope.item = '&nbsp;';

Pero el resultado se escapa &amp;nbsp; . Necesito esto porque ' ' tiene altura de 0.


Answers

Para la versión Angular 1.3.x:

Use el servicio $sce para marcar la cadena como segura para usar en un contexto específico (HTML en este caso).
Vea la documentación here

Código HTML:

<div ng-app='myApp' ng-controller="Controller">
   <div ng-bind-html="item"></div>
</div>

Código JS (controlador):

var app = angular.module('myApp', []);
app.controller('Controller', function ($scope, $sce) {
   $scope.item = $sce.trustAsHtml('<span>Some HTML code</span>');
});

Se puede hacer fácilmente usando ngBindHtml

Para Angular sobre la versión 1.2.x:

utilizar ng-bind-html

Demo de trabajo

html

<div ng-app='myApp' ng-controller="Controller">
   <div ng-bind-html="item"></div>
</div>

guión

var app = angular.module('myApp', ['ngSanitize']);
app.controller('Controller', function ($scope, $sce) {
   $scope.item = 'What&nbsp;Is&nbsp;Your&nbsp;Name?';
});

Para la versión Angular 1.0.x:

Demo de trabajo

utilizar ng-bind-html-unsafe

html

<div ng-app='myApp' ng-controller="Controller">
   <div ng-bind-html-unsafe="item"></div>
</div>

guión

var app = angular.module('myApp', []);
app.controller('Controller', function ($scope) {
   $scope.item = 'What&nbsp;Is&nbsp;Your&nbsp;Name?';
});


Trate de usar ngBindHtml

<div data-ng-bind-html="item"></div>

¿Cómo puedo usar el operador binario junto con el filtro de fecha?

<span class="gallery-date">{{gallery.date | date:'mediumDate' || "Date Empty"}}</span>

también intenta:

<span class="gallery-date">{{ gallery.date == 'NULL' ? 'mediumDate' : "gallery.date"}}</span>




javascript angularjs