AngularJs doesn't display css

Question

I have a little problem with my angularJS code, I'm trying to display json that contain css and html code. All that display on my website is a hardcode form html+css(it looks like the code below), i tired to use an ng-bind-html/ng-bind-html-unsafe, but it only displays html, and css code just dispensary. The easiest way would be convert displayed text to a code, but i don't have any idea to do this.

no, it's in the style for each element in html just like above — Lapsio
– Lapsio, Commented Feb 14, 2017 at 10:02
asdsa <ul> <li>asdsa</li> <li>dsad</li> <li>dsa</li> </ul> <ol> <li>asdsa</li> <li>adssa</li> <li>adsa</li> </ol> <blockquote> The whole code looks more or less like this — Lapsio
– Lapsio, Commented Feb 14, 2017 at 10:12

Pawan Gupta · Accepted Answer · 2017-02-14 10:18:34Z

1

You can use angularjs $compile service and do something like this in the controller-

First add a dependency to $compile in your controller and write below code

    myHTML = '<p></p>'; // your JSON data             
    $("#MyDiv").append(myHTML);
    var compiled = $compile(myHTML)($scope);
    $("#MyDiv").html(compiled);

It is not a best practice to do DOM manipulation in controller though and instead you can create a directive to do this.

answered Feb 14, 2017 at 10:18

Pawan Gupta

1547 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJs doesn't display css

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related