use html in angularjs controller

up vote
1
down vote

favorite

I have html theat I want to use in angularjs controller controller. My problem is to escape the html in the angularjs controller. Here is my snippet

function($scope) {

     $scope.data=  <table class="table">

            <thead>

              <tr>

                <th>#</th>

                <th>First Name</th>

                <th>Last Name</th>

                <th>Username</th>

              </tr>

            </thead>

            <tbody>

              <tr>

                <td>1</td>

                <td>$rootScope.firstname</td>

                <td>$rootScope.lastname</td>

                <td>@mdo</td>

              </tr>

              <tr>

                <td>2</td>

                <td>$rootScope.firstname1</td>

                <td>$rootScope.lastname1</td>

                <td>@fat</td>

              </tr>

              <tr>

                <td>3</td>

                <td>$rootScope.firstname2</td>

                <td>$rootScope.lastname2</td>

                <td>@twitter</td>

              </tr>

            </tbody>

          </table>;

how can I pass the table html and the root scope data into scope.data variable

asked Nov 12 at 9:02

user10445503

548

Firstly - will be better if you will store you data as array and not as separated fields. This will give you a chance to access data from root scope only once and set them to scope. Like: $scope.userData = $rootScope.userData and then you will be able to use ng repeat for this cells and you will no need to use html in controller.
– iliya.rudberg
Nov 12 at 9:33

add a comment |

up vote
1
down vote

favorite

I have html theat I want to use in angularjs controller controller. My problem is to escape the html in the angularjs controller. Here is my snippet

function($scope) {

     $scope.data=  <table class="table">

            <thead>

              <tr>

                <th>#</th>

                <th>First Name</th>

                <th>Last Name</th>

                <th>Username</th>

              </tr>

            </thead>

            <tbody>

              <tr>

                <td>1</td>

                <td>$rootScope.firstname</td>

                <td>$rootScope.lastname</td>

                <td>@mdo</td>

              </tr>

              <tr>

                <td>2</td>

                <td>$rootScope.firstname1</td>

                <td>$rootScope.lastname1</td>

                <td>@fat</td>

              </tr>

              <tr>

                <td>3</td>

                <td>$rootScope.firstname2</td>

                <td>$rootScope.lastname2</td>

                <td>@twitter</td>

              </tr>

            </tbody>

          </table>;

how can I pass the table html and the root scope data into scope.data variable

asked Nov 12 at 9:02

user10445503

548

Firstly - will be better if you will store you data as array and not as separated fields. This will give you a chance to access data from root scope only once and set them to scope. Like: $scope.userData = $rootScope.userData and then you will be able to use ng repeat for this cells and you will no need to use html in controller.
– iliya.rudberg
Nov 12 at 9:33

add a comment |

up vote
1
down vote

favorite

I have html theat I want to use in angularjs controller controller. My problem is to escape the html in the angularjs controller. Here is my snippet

function($scope) {

     $scope.data=  <table class="table">

            <thead>

              <tr>

                <th>#</th>

                <th>First Name</th>

                <th>Last Name</th>

                <th>Username</th>

              </tr>

            </thead>

            <tbody>

              <tr>

                <td>1</td>

                <td>$rootScope.firstname</td>

                <td>$rootScope.lastname</td>

                <td>@mdo</td>

              </tr>

              <tr>

                <td>2</td>

                <td>$rootScope.firstname1</td>

                <td>$rootScope.lastname1</td>

                <td>@fat</td>

              </tr>

              <tr>

                <td>3</td>

                <td>$rootScope.firstname2</td>

                <td>$rootScope.lastname2</td>

                <td>@twitter</td>

              </tr>

            </tbody>

          </table>;

how can I pass the table html and the root scope data into scope.data variable

asked Nov 12 at 9:02

user10445503

548

I have html theat I want to use in angularjs controller controller. My problem is to escape the html in the angularjs controller. Here is my snippet

function($scope) {

     $scope.data=  <table class="table">

            <thead>

              <tr>

                <th>#</th>

                <th>First Name</th>

                <th>Last Name</th>

                <th>Username</th>

              </tr>

            </thead>

            <tbody>

              <tr>

                <td>1</td>

                <td>$rootScope.firstname</td>

                <td>$rootScope.lastname</td>

                <td>@mdo</td>

              </tr>

              <tr>

                <td>2</td>

                <td>$rootScope.firstname1</td>

                <td>$rootScope.lastname1</td>

                <td>@fat</td>

              </tr>

              <tr>

                <td>3</td>

                <td>$rootScope.firstname2</td>

                <td>$rootScope.lastname2</td>

                <td>@twitter</td>

              </tr>

            </tbody>

          </table>;

how can I pass the table html and the root scope data into scope.data variable

javascript html angularjs

asked Nov 12 at 9:02

user10445503

548

asked Nov 12 at 9:02

user10445503

548

asked Nov 12 at 9:02

user10445503

548

asked Nov 12 at 9:02

user10445503

548

asked Nov 12 at 9:02

user10445503

548

Firstly - will be better if you will store you data as array and not as separated fields. This will give you a chance to access data from root scope only once and set them to scope. Like: $scope.userData = $rootScope.userData and then you will be able to use ng repeat for this cells and you will no need to use html in controller.
– iliya.rudberg
Nov 12 at 9:33

add a comment |

Firstly - will be better if you will store you data as array and not as separated fields. This will give you a chance to access data from root scope only once and set them to scope. Like: $scope.userData = $rootScope.userData and then you will be able to use ng repeat for this cells and you will no need to use html in controller.
– iliya.rudberg
Nov 12 at 9:33

Firstly - will be better if you will store you data as array and not as separated fields. This will give you a chance to access data from root scope only once and set them to scope. Like: $scope.userData = $rootScope.userData and then you will be able to use ng repeat for this cells and you will no need to use html in controller.
– iliya.rudberg
Nov 12 at 9:33

add a comment |

2 Answers
2

active

oldest

votes

up vote
1
down vote

accepted

Just concatenate $rootScope fields then append it to any html div element

  function($scope) {

     $scope.data= '<table class="table">

            <thead>

              <tr>

                <th>#</th>

                <th>First Name</th>

                <th>Last Name</th>

                <th>Username</th>

              </tr>

            </thead>

            <tbody>

              <tr>

                <td>1</td>

                <td>'+$rootScope.firstname+'</td>

                <td>'+$rootScope.lastname+'</td>

                <td>@mdo</td>

              </tr>

              <tr>

                <td>2</td>

                <td>'+$rootScope.firstname1+'</td>

                <td>'+$rootScope.lastname1+'</td>

                <td>@fat</td>

              </tr>

              <tr>

                <td>3</td>

                <td>'+$rootScope.firstname2+'</td>

                <td>'+$rootScope.lastname2+'</td>

                <td>@twitter</td>

              </tr>

            </tbody>

          </table>';

EDIT:

var app=angular.module("testProject",);



app.controller("TestController", function($scope, $rootScope) {

  

$rootScope.firstname="firstname";

$rootScope.lastname="lastname";

$rootScope.firstname1="firstname1";

$rootScope.lastname1="lastname1";

$rootScope.firstname2="firstname2";

$rootScope.lastname2="lastname2";



     $scope.data= '<table class="table"> <thead> <tr> <th>#</th> <th>First Name</th> <th>Last Name</th> <th>Username</th> </tr></thead> <tbody> <tr> <td>1</td><td>'+$rootScope.firstname+'</td><td>'+$rootScope.lastname+'</td><td>@mdo</td></tr><tr> <td>2</td><td>'+$rootScope.firstname1+'</td><td>'+$rootScope.lastname1+'</td><td>@fat</td></tr><tr> <td>3</td><td>'+$rootScope.firstname2+'</td><td>'+$rootScope.lastname2+'</td><td>@twitter</td></tr></tbody> </table>';

     $("#data_table").append($scope.data);

          

          

          });

<html  ng-app="testProject">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>





<div  ng-controller="TestController" id="data_table"></div>





</html>

edited Nov 12 at 9:23

answered Nov 12 at 9:09

Dilip Belgumpi

633313

I am getting unxepected token at this line $scope.data= '<table class="table">
– user10445503
Nov 12 at 9:13

Uncaught SyntaxError: Invalid or unexpected token
– user10445503
Nov 12 at 9:14

add a comment |

up vote
0
down vote

Save it as string like this:

 $scope.data='<html><div></div></html>'

Then when you want to render it use ng-bind-html like this:

 <div>

   <p ng-bind-html="data"></p>

 </div>

answered Nov 12 at 9:08

Vlado Pandžić

2,56972751

please include the entire html used
– user10445503
Nov 12 at 9:19

add a comment |

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53258791%2fuse-html-in-angularjs-controller%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

2 Answers
2

active

oldest

votes

2 Answers
2

active

oldest

votes

up vote
1
down vote

accepted

Just concatenate $rootScope fields then append it to any html div element

  function($scope) {

     $scope.data= '<table class="table">

            <thead>

              <tr>

                <th>#</th>

                <th>First Name</th>

                <th>Last Name</th>

                <th>Username</th>

              </tr>

            </thead>

            <tbody>

              <tr>

                <td>1</td>

                <td>'+$rootScope.firstname+'</td>

                <td>'+$rootScope.lastname+'</td>

                <td>@mdo</td>

              </tr>

              <tr>

                <td>2</td>

                <td>'+$rootScope.firstname1+'</td>

                <td>'+$rootScope.lastname1+'</td>

                <td>@fat</td>

              </tr>

              <tr>

                <td>3</td>

                <td>'+$rootScope.firstname2+'</td>

                <td>'+$rootScope.lastname2+'</td>

                <td>@twitter</td>

              </tr>

            </tbody>

          </table>';

EDIT:

var app=angular.module("testProject",);



app.controller("TestController", function($scope, $rootScope) {

  

$rootScope.firstname="firstname";

$rootScope.lastname="lastname";

$rootScope.firstname1="firstname1";

$rootScope.lastname1="lastname1";

$rootScope.firstname2="firstname2";

$rootScope.lastname2="lastname2";



     $scope.data= '<table class="table"> <thead> <tr> <th>#</th> <th>First Name</th> <th>Last Name</th> <th>Username</th> </tr></thead> <tbody> <tr> <td>1</td><td>'+$rootScope.firstname+'</td><td>'+$rootScope.lastname+'</td><td>@mdo</td></tr><tr> <td>2</td><td>'+$rootScope.firstname1+'</td><td>'+$rootScope.lastname1+'</td><td>@fat</td></tr><tr> <td>3</td><td>'+$rootScope.firstname2+'</td><td>'+$rootScope.lastname2+'</td><td>@twitter</td></tr></tbody> </table>';

     $("#data_table").append($scope.data);

          

          

          });

<html  ng-app="testProject">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>





<div  ng-controller="TestController" id="data_table"></div>





</html>

edited Nov 12 at 9:23

answered Nov 12 at 9:09

Dilip Belgumpi

633313

I am getting unxepected token at this line $scope.data= '<table class="table">
– user10445503
Nov 12 at 9:13

Uncaught SyntaxError: Invalid or unexpected token
– user10445503
Nov 12 at 9:14

add a comment |

up vote
1
down vote

accepted

Just concatenate $rootScope fields then append it to any html div element

  function($scope) {

     $scope.data= '<table class="table">

            <thead>

              <tr>

                <th>#</th>

                <th>First Name</th>

                <th>Last Name</th>

                <th>Username</th>

              </tr>

            </thead>

            <tbody>

              <tr>

                <td>1</td>

                <td>'+$rootScope.firstname+'</td>

                <td>'+$rootScope.lastname+'</td>

                <td>@mdo</td>

              </tr>

              <tr>

                <td>2</td>

                <td>'+$rootScope.firstname1+'</td>

                <td>'+$rootScope.lastname1+'</td>

                <td>@fat</td>

              </tr>

              <tr>

                <td>3</td>

                <td>'+$rootScope.firstname2+'</td>

                <td>'+$rootScope.lastname2+'</td>

                <td>@twitter</td>

              </tr>

            </tbody>

          </table>';

EDIT:

var app=angular.module("testProject",);



app.controller("TestController", function($scope, $rootScope) {

  

$rootScope.firstname="firstname";

$rootScope.lastname="lastname";

$rootScope.firstname1="firstname1";

$rootScope.lastname1="lastname1";

$rootScope.firstname2="firstname2";

$rootScope.lastname2="lastname2";



     $scope.data= '<table class="table"> <thead> <tr> <th>#</th> <th>First Name</th> <th>Last Name</th> <th>Username</th> </tr></thead> <tbody> <tr> <td>1</td><td>'+$rootScope.firstname+'</td><td>'+$rootScope.lastname+'</td><td>@mdo</td></tr><tr> <td>2</td><td>'+$rootScope.firstname1+'</td><td>'+$rootScope.lastname1+'</td><td>@fat</td></tr><tr> <td>3</td><td>'+$rootScope.firstname2+'</td><td>'+$rootScope.lastname2+'</td><td>@twitter</td></tr></tbody> </table>';

     $("#data_table").append($scope.data);

          

          

          });

<html  ng-app="testProject">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>





<div  ng-controller="TestController" id="data_table"></div>





</html>

edited Nov 12 at 9:23

answered Nov 12 at 9:09

Dilip Belgumpi

633313

I am getting unxepected token at this line $scope.data= '<table class="table">
– user10445503
Nov 12 at 9:13

Uncaught SyntaxError: Invalid or unexpected token
– user10445503
Nov 12 at 9:14

add a comment |

up vote
1
down vote

accepted

Just concatenate $rootScope fields then append it to any html div element

  function($scope) {

     $scope.data= '<table class="table">

            <thead>

              <tr>

                <th>#</th>

                <th>First Name</th>

                <th>Last Name</th>

                <th>Username</th>

              </tr>

            </thead>

            <tbody>

              <tr>

                <td>1</td>

                <td>'+$rootScope.firstname+'</td>

                <td>'+$rootScope.lastname+'</td>

                <td>@mdo</td>

              </tr>

              <tr>

                <td>2</td>

                <td>'+$rootScope.firstname1+'</td>

                <td>'+$rootScope.lastname1+'</td>

                <td>@fat</td>

              </tr>

              <tr>

                <td>3</td>

                <td>'+$rootScope.firstname2+'</td>

                <td>'+$rootScope.lastname2+'</td>

                <td>@twitter</td>

              </tr>

            </tbody>

          </table>';

EDIT:

var app=angular.module("testProject",);



app.controller("TestController", function($scope, $rootScope) {

  

$rootScope.firstname="firstname";

$rootScope.lastname="lastname";

$rootScope.firstname1="firstname1";

$rootScope.lastname1="lastname1";

$rootScope.firstname2="firstname2";

$rootScope.lastname2="lastname2";



     $scope.data= '<table class="table"> <thead> <tr> <th>#</th> <th>First Name</th> <th>Last Name</th> <th>Username</th> </tr></thead> <tbody> <tr> <td>1</td><td>'+$rootScope.firstname+'</td><td>'+$rootScope.lastname+'</td><td>@mdo</td></tr><tr> <td>2</td><td>'+$rootScope.firstname1+'</td><td>'+$rootScope.lastname1+'</td><td>@fat</td></tr><tr> <td>3</td><td>'+$rootScope.firstname2+'</td><td>'+$rootScope.lastname2+'</td><td>@twitter</td></tr></tbody> </table>';

     $("#data_table").append($scope.data);

          

          

          });

<html  ng-app="testProject">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>





<div  ng-controller="TestController" id="data_table"></div>





</html>

edited Nov 12 at 9:23

answered Nov 12 at 9:09

Dilip Belgumpi

633313

Just concatenate $rootScope fields then append it to any html div element

  function($scope) {

     $scope.data= '<table class="table">

            <thead>

              <tr>

                <th>#</th>

                <th>First Name</th>

                <th>Last Name</th>

                <th>Username</th>

              </tr>

            </thead>

            <tbody>

              <tr>

                <td>1</td>

                <td>'+$rootScope.firstname+'</td>

                <td>'+$rootScope.lastname+'</td>

                <td>@mdo</td>

              </tr>

              <tr>

                <td>2</td>

                <td>'+$rootScope.firstname1+'</td>

                <td>'+$rootScope.lastname1+'</td>

                <td>@fat</td>

              </tr>

              <tr>

                <td>3</td>

                <td>'+$rootScope.firstname2+'</td>

                <td>'+$rootScope.lastname2+'</td>

                <td>@twitter</td>

              </tr>

            </tbody>

          </table>';

EDIT:

var app=angular.module("testProject",);



app.controller("TestController", function($scope, $rootScope) {

  

$rootScope.firstname="firstname";

$rootScope.lastname="lastname";

$rootScope.firstname1="firstname1";

$rootScope.lastname1="lastname1";

$rootScope.firstname2="firstname2";

$rootScope.lastname2="lastname2";



     $scope.data= '<table class="table"> <thead> <tr> <th>#</th> <th>First Name</th> <th>Last Name</th> <th>Username</th> </tr></thead> <tbody> <tr> <td>1</td><td>'+$rootScope.firstname+'</td><td>'+$rootScope.lastname+'</td><td>@mdo</td></tr><tr> <td>2</td><td>'+$rootScope.firstname1+'</td><td>'+$rootScope.lastname1+'</td><td>@fat</td></tr><tr> <td>3</td><td>'+$rootScope.firstname2+'</td><td>'+$rootScope.lastname2+'</td><td>@twitter</td></tr></tbody> </table>';

     $("#data_table").append($scope.data);

          

          

          });

<html  ng-app="testProject">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>





<div  ng-controller="TestController" id="data_table"></div>





</html>

var app=angular.module("testProject",);



app.controller("TestController", function($scope, $rootScope) {

  

$rootScope.firstname="firstname";

$rootScope.lastname="lastname";

$rootScope.firstname1="firstname1";

$rootScope.lastname1="lastname1";

$rootScope.firstname2="firstname2";

$rootScope.lastname2="lastname2";



     $scope.data= '<table class="table"> <thead> <tr> <th>#</th> <th>First Name</th> <th>Last Name</th> <th>Username</th> </tr></thead> <tbody> <tr> <td>1</td><td>'+$rootScope.firstname+'</td><td>'+$rootScope.lastname+'</td><td>@mdo</td></tr><tr> <td>2</td><td>'+$rootScope.firstname1+'</td><td>'+$rootScope.lastname1+'</td><td>@fat</td></tr><tr> <td>3</td><td>'+$rootScope.firstname2+'</td><td>'+$rootScope.lastname2+'</td><td>@twitter</td></tr></tbody> </table>';

     $("#data_table").append($scope.data);

          

          

          });

<html  ng-app="testProject">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>





<div  ng-controller="TestController" id="data_table"></div>





</html>

var app=angular.module("testProject",);



app.controller("TestController", function($scope, $rootScope) {

  

$rootScope.firstname="firstname";

$rootScope.lastname="lastname";

$rootScope.firstname1="firstname1";

$rootScope.lastname1="lastname1";

$rootScope.firstname2="firstname2";

$rootScope.lastname2="lastname2";



     $scope.data= '<table class="table"> <thead> <tr> <th>#</th> <th>First Name</th> <th>Last Name</th> <th>Username</th> </tr></thead> <tbody> <tr> <td>1</td><td>'+$rootScope.firstname+'</td><td>'+$rootScope.lastname+'</td><td>@mdo</td></tr><tr> <td>2</td><td>'+$rootScope.firstname1+'</td><td>'+$rootScope.lastname1+'</td><td>@fat</td></tr><tr> <td>3</td><td>'+$rootScope.firstname2+'</td><td>'+$rootScope.lastname2+'</td><td>@twitter</td></tr></tbody> </table>';

     $("#data_table").append($scope.data);

          

          

          });

<html  ng-app="testProject">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>





<div  ng-controller="TestController" id="data_table"></div>





</html>

edited Nov 12 at 9:23

answered Nov 12 at 9:09

Dilip Belgumpi

633313

edited Nov 12 at 9:23

answered Nov 12 at 9:09

Dilip Belgumpi

633313

answered Nov 12 at 9:09

Dilip Belgumpi

633313

answered Nov 12 at 9:09

Dilip Belgumpi

633313

I am getting unxepected token at this line $scope.data= '<table class="table">
– user10445503
Nov 12 at 9:13

Uncaught SyntaxError: Invalid or unexpected token
– user10445503
Nov 12 at 9:14

add a comment |

I am getting unxepected token at this line $scope.data= '<table class="table">
– user10445503
Nov 12 at 9:13

Uncaught SyntaxError: Invalid or unexpected token
– user10445503
Nov 12 at 9:14

I am getting unxepected token at this line $scope.data= '<table class="table">
– user10445503
Nov 12 at 9:13

Uncaught SyntaxError: Invalid or unexpected token
– user10445503
Nov 12 at 9:14

add a comment |

up vote
0
down vote

Save it as string like this:

 $scope.data='<html><div></div></html>'

Then when you want to render it use ng-bind-html like this:

 <div>

   <p ng-bind-html="data"></p>

 </div>

answered Nov 12 at 9:08

Vlado Pandžić

2,56972751

please include the entire html used
– user10445503
Nov 12 at 9:19

add a comment |

up vote
0
down vote

Save it as string like this:

 $scope.data='<html><div></div></html>'

Then when you want to render it use ng-bind-html like this:

 <div>

   <p ng-bind-html="data"></p>

 </div>

answered Nov 12 at 9:08

Vlado Pandžić

2,56972751

please include the entire html used
– user10445503
Nov 12 at 9:19

add a comment |

up vote
0
down vote

Save it as string like this:

 $scope.data='<html><div></div></html>'

Then when you want to render it use ng-bind-html like this:

 <div>

   <p ng-bind-html="data"></p>

 </div>

answered Nov 12 at 9:08

Vlado Pandžić

2,56972751

Save it as string like this:

 $scope.data='<html><div></div></html>'

Then when you want to render it use ng-bind-html like this:

 <div>

   <p ng-bind-html="data"></p>

 </div>

answered Nov 12 at 9:08

Vlado Pandžić

2,56972751

answered Nov 12 at 9:08

Vlado Pandžić

2,56972751

answered Nov 12 at 9:08

Vlado Pandžić

2,56972751

answered Nov 12 at 9:08

Vlado Pandžić

2,56972751

please include the entire html used
– user10445503
Nov 12 at 9:19

add a comment |

please include the entire html used
– user10445503
Nov 12 at 9:19

please include the entire html used
– user10445503
Nov 12 at 9:19

add a comment |

draft saved

draft discarded

Thanks for contributing an answer to Stack Overflow!

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

Some of your past answers have not been well-received, and you're in danger of being blocked from answering.

Please pay close attention to the following guidance:

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Vfrdtyky