How can i render DOM object from angularjs?

Question

I am making DOM object through javascript and i want it to render it through angularjs but it display like [object HTMLDivElement]

but in browser console its

but it renders like

.directive('attachmentify', [

function() {
    return {
        restrict: 'A',
        scope: {
            item: "@filename"
        },
        template: "<div ng-bind-html='content'></div>",
        compile: function(iElement, iAttrs) {
            return function($scope, element, attr) {
                var file = $scope.item;

                // console.log
                // $scope.file =file;
            }
        },
        controller: function($scope) {
            var img = ['jpg', 'jpeg', 'png'];
            var c = 0;
            img.forEach(function(element, index) {
                if ($scope.item.endsWith(element)) c++;
            });
            if (c) {
                var div = document.createElement('div');
                div.setAttribute('name', 'samundra')
                div.innerHTML = "ram"
            } else {
                var div = document.createElement('div');
                div.setAttribute('name', 'ramundra')
                div.innerHTML = "sam"
            }

            $scope.content = div; 
            console.log(div);
        }
    }
}

])

Sri · Accepted Answer · 2015-09-17 22:17:24Z

2

In your controller instead of assign DOM element instance, You can set $scope.content to html

$scope.content="<div name='ramundra'>ram></div>";

answered Sep 17, 2015 at 22:17

Sri

5764 silver badges15 bronze badges

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

1 Comment

Alok Rajasukumaran Over a year ago

how to do the same with just a div? how can I bind the object to just a div's inner HTML.

Collectives™ on Stack Overflow

How can i render DOM object from angularjs?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related