AngularJS: ngBindHtml, который также содержит дочерние привязки?

Question

AngularJS v1.3.14: В настоящее время я успешно использую модуль «ngSanitize» в своем угловом приложении с «ng-bind-html», чтобы привязать некоторый HTML к выходу области на странице. Это работает и не требует более старого $ sce 'trust HTML'.

Но, я хотел бы встроить дочерние привязки в этот HTML.

Так ... что-то вроде этого работает ...

angular.module('myApp', ['ngSanitize'...) 
    .controller('SomeCtrl', ['$scope', function($scope) { 
     $scope.myHTML = '<p>hello world</p>'; 
}]); 
... 
<div ng-app="myApp" ng-controller="SomeCtrl" ng-bind-html="myHTML"></div> 

Что-то вроде этого не ...

angular.module('myApp', ['ngSanitize'...) 
    .controller('SomeCtrl', ['$scope', function($scope) { 
     $scope.myContent = 'hello world'; 
     $scope.myHTML = '<p>{{myContent}}</p>'; 
}]); 
... 
<div ng-app="myApp" ng-controller="SomeCtrl" ng-bind-html="myHTML"></div> 

Мысли?

Answer 1

Простая директива, как это будет делать:

<div bindy="myHTML"></div> 

.directive('bindy', function($compile) { 
    return { 
    link: function($scope, $element, $attrs) { 
     var html = $scope.$eval($attrs.bindy); 
     $element.html(html); 
     $compile($element.contents())($scope); 
    } 
    }; 
});