Home > Developer > Web Develop
Ng-bind-html:
It is usually paired with $sce. Trutsasresourceurl $sce. trutsashtml
<HTML><Head> <MetaCharSet= "Utf-8"> <Scriptsrc= "Js/angular.js"></Script></Head><Body><DivNg-app= "MYAPP"Ng-controller= "Myctrl">not processed:<Divng-repeat= "Item in FormData">{{Item.name}}: {{item.htmlval} }</Div> <BR/>Processed:<ButtonNg-click= "Look ()">View processing Results</Button> <Divng-repeat= "Item in data">{{Item.name}}:<Png-bind-html= "Item.htmlval"></P> </Div></Div><Script> varapp=Angular.module ('myApp', []); App.controller ('Myctrl', function($scope, $sce) {//data source not processed$scope. FormData=[ {"name":"Big Bird","Htmlval":"I am <span style= ' color:red; > Big Bird <span>"}, {"name":"Bird","Htmlval":"I am <span style= ' color:red; > Birds <span>"} ]; //Processing Results$scope. look= function() {$scope. Data=[ {"name":"Big Bird","Htmlval":"I am <span style= ' color:red; > Big Bird <span>"}, {"name":"Bird","Htmlval":"I am <span style= ' color:red; > Birds <span>"} for(varI=0; I<$scope. Data.length;i++) {$scope. Data[i].htmlval=$sce. trustashtml ($scope. Data[i].htmlval); } }; });</Script></Body></HTML>
Service $sce or ng-bind-html
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
