Question

我尝试使用控制器在我的html中添加<object></object>。当我加载<div>或<p>时，它可以正常运行，但是当我添加<object>时，它不会显示，也不会显示任何自定义属性。

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"/>';
        }]);

如何将自定义属性和对象添加到我的网站中？我注意到当我尝试加载带有属性的<div id"with_attribut></div>时，属性不会出现，尽管div本身就会出现。

谢谢！

Answer 1

自定义指令可能是一个很好的解决方案，您可以随时添加更多自定义行为。使用ngBindHtml，您将受到限制。这是可以帮助您的链接：

angular ng-bind-html and directive within it

使用AngularJS控制器</object>添加带有自定义属性的<object>

1 个答案: