javascript - 如何在 Angular JS 中使用指令。在我的情况下不起作用，为什么？

Question

我需要用点击函数绑定(bind)打印动态html。我已经使用 $sce.trustAsHtml 分配给范围变量。以下是我的代码供引用。我无法找到为什么指令在我的情况下不起作用。请帮我解决这个问题。

app.js

angular.module('starter', ['ionic', 'starter.controllers', 'starter.services'])
    .config(function($stateProvider, $urlRouterProvider) {
        .state('groupchat', {
          url: '/groupchat',
          templateUrl: 'templates/groupchat.html',
          controller: 'GroupChat',
          controllerAs: 'GC'
        })
    })
    .run(function($rootScope, $location, SharedProperties) {
      SharedProperties.sharedObject = {
        unread: 0,
        subscriptions: [],
      }
    });

groupchat.js//- Controller

angular.module('starter.controllers')
.directive('dynamic', function ($compile) {
    return {
        restrict: 'A',
        replace: true,
        link: function (scope, ele, attrs) {
          scope.$watch(attrs.dynamic, function(html) {
            ele.html(html);
            $compile(ele.contents())(scope);
          });
        }
      };
    })
.controller('GroupChat', function($rootScope, $scope, $sce, $compile) {  
    $scope.trustedHtml = $sce.trustAsHtml('<span ng-click="testAlert()">Submit</span>');  
    $scope.testAlert = function () {
        alert('testing');
    };
});

groupchat.html

<ion-view>
    <div dynamic="trustedHtml"></div>
</ion-view>

Answer 1

<div dynamic= "{{trustedHtml}}"> ??

我想如果这是问题所在，它会绑定(bind)字符串“trustedHtml”而不是 hte var 内容，并且在您的情况下它仍然可以工作/显示