hide an element using angularjs

Question

I using visjs, i want to hide the first image of the first div, how i can do that, i used ng-show but it doesnt work??

storyboard.drawTimeLine = function (start, end, color, marg,km) {
        var elm = angular.element(document.querySelector('#vv'));
            elm.html("");
            item = {};
            item.id = start + '@' + end;
            item.start = start;
            item.end = end;
            item.title = elm.append($compile(
                '<div style="padding-left:0px;padding-bottom: 9px "><img src="../../../../assets/img/fuel.png"> -</div>'+
                '<div style="padding-left:0px;padding-bottom: 9px "><img src="../../../../assets/img/oil.png">  -</div>')($scope)).html();
                ;
            item.style ="top:"+ marg +"px;height:14px;background-color:" + color + ";border-color:" + color;
        };

score 0 · Answer 1 · answered Jun 08 '17 at 15:11

0

You probably shouldn't be building your HTML like that.

You should use AngularJS properly to bind your HTML to your controller.

About hiding: <div ng-hide="myValue"></div>

Checkout more: https://docs.angularjs.org/api/ng/directive/ngHide

answered Jun 08 '17 at 15:11

ricardofagodoy

146
1
10

For example, you could have a list of images, which you would iterate over in your HTML using angular forEach to build each of those divs – ricardofagodoy Jun 08 '17 at 15:14
take a look above – Jun 08 '17 at 15:34

aorfevre · Answer 2 · 2017-06-08T15:28:51.843

0

Your problem is that you are injecting HTML. In angular; HTML shall not be included into Javascripts but in templates.

However; if you want that your generated HTML to be interpreted as an Angular code (and add ng-hide); you shall "compile" it that is a complicated process (not for beginner)

https://docs.angularjs.org/guide/compiler

For an example; please have a look at that post : https://stackoverflow.com/a/11780658/3687474

edited Jun 08 '17 at 15:28

answered Jun 08 '17 at 15:12

aorfevre

5,034
3
21
51

could you give an exemple please – Jun 08 '17 at 15:24
link to a post with an example – aorfevre Jun 08 '17 at 15:29

hide an element using angularjs

2 Answers2