指令从模板呈现

Question

我是angularjs的新手。我正在尝试从模型中加载自定义元素指令。如果我在HTML文件中使用此指令，但我想要做的是在模型中使用此指令。定义模型后可以触发指令吗？

JS：

window.app = angular.module('myapp', ['ngSanitize']);

app.directive("myWidget", function() {
  return {
    restrict: 'E',
    template: "<p>Hello World</p>",
  };
});

app.controller('page', ['$scope', '$sce', function($scope, $sce) {

  $scope.myhtml = $sce.trustAsHtml("<my-widget></my-widget>")

}]);

HTML：

<div ng-app="myapp">
  <div ng-controller="page">
    <my-widget></my-widget>
    <div ng-bind-html="myhtml"></div>
  </div>
</div>