Add <object> with custom attributes using AngularJS controller

Question

I'm attempting to add an <object></object>into my html using a controller. When I load a <div> or a <p>, it works properly, but when I add an <object> it doesn't appear, nor do any custom attributes.

HTML:

<html ng-app="myAngularSite">        
...
...
    <div ng-controller="MyController">
        <div id="myloader" ng-bind-html="myObject"></div>
    </div>

JS:

var app = angular.module('myAngularSite', ['ngRoute']);

angular.module('myAngularSite', ['ngSanitize'])
        .controller('MyController', ['$scope',function($scope) {
            $scope.myObject = 
                '<object id="my_object" data="mysite.html" width="99.5%" height="400px" style="overflow:auto;border:3px ridge gray"/>';
        }]);

How can I add the custom attributes and the object into my site? I noticed that attributes won't appear when I try to load a <div id"with_attribut></div> with attributes, although the divs appear by themselves.

Thanks!

Which version of angular are you using?

runTarm
– runTarm

2014-08-14 17:09:27 +00:00
Commented Aug 14, 2014 at 17:09 — runTarm
– runTarm, Commented Aug 14, 2014 at 17:09
I'm using version 1.2.22

maudulus
– maudulus

2014-08-14 17:44:44 +00:00
Commented Aug 14, 2014 at 17:44 — maudulus
– maudulus, Commented Aug 14, 2014 at 17:44

Community · Accepted Answer · 2017-05-23 12:11:39Z

1

The custom directive is probably the good solution, you can always add more custom behaviours. With ngBindHtml you will be limited. Here is link which can help you:

angular ng-bind-html and directive within it

edited May 23, 2017 at 12:11

CommunityBot

11 silver badge

answered Aug 14, 2014 at 15:20

IMujagic

1,2791 gold badge10 silver badges22 bronze badges

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

Collectives™ on Stack Overflow

Add <object> with custom attributes using AngularJS controller

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related