Traté de obtener contenido HTML usando el método HTTP Angular Js Post. Esto funciona solo con contenido de texto como etiquetas P. Pero quiero obtener tipos de entrada de contenido HTML usando Angular JS como cuadro de texto, etc. Cuando uso la sintaxis de Ajax Load, puedo obtener todo el HTML que incluye contenido HTML de tipo de entrada también.
Código JS:
$http.post("/user/users_data/about/bidata.php", { "type": "get", "user": "<?php echo $_GET['u']; ?>" }).then(function(response) { $scope.bidata = response.data; }, function(error) { });Código HTML:
<span ng-bind-html="bidata"></span>Ya agregué las siguientes cosas arriba.
var app = angular.module('userapp', ['ngSanitize']); app.controller('usercontroller', function($scope, $http)Código HTML del archivo bidata.php:
<div class="form-group row"> <p class="col-2 col-form-label">Text</p> <div class="col-10"> <input class="form-control" type="text" value="Artisanal kale" > </div> </div> <div class="form-group row"> <p class="col-2 col-form-label">Search</p> <div class="col-10"> <input class="form-control" type="search" value="How do I shoot web" > </div> </div>Solo puedo obtener contenido HTML de etiquetas de texto y búsqueda P.
Cuando uso $scope.bidata =$sce.trustAsHtml(response.data); aparece un error en el registro de la consola.
ReferenceError: $sce is not defined at ?u=aa:73 at angular.min.js:131 at m.$eval (angular.min.js:145) at m.$digest (angular.min.js:142) at m.$apply (angular.min.js:146) at l (angular.min.js:97) at J (angular.min.js:102) at XMLHttpRequest.t.onload (angular.min.js:103)Tienes que hacer 2 cosas.
Use data-ng-bind-html="" y use $sce.trustAsHtml(string)
$http.post("/user/users_data/about/bidata.php", { "type": "get", "user": "<?php echo $_GET['u']; ?>" }).then(function(response) { $scope.bidata =$sce.trustAsHtml( response.data); }, function(error) { });Definición del controlador
app.controller('usercontroller', function($scope, $http,$scc)aprender más sobre sce