Javascript 指令内的功能？

很抱歉要问一个看似简单的问题，但我真的不知道如何处理它，我无法让它工作。 我有一个从$broadcast接收数据的指令，然后必须使用它来创建一个新模板

  app.directive('emptyScope', function() {
    return function( $scope ) {
       return $scope.$on('checkEmptyArray', function(event, data) {
          return {
            template: '<img src="../images/apple.png">'
          };
      });
    }
});

app.directive（'emptyScope'，function（）{
返回函数（$scope）{
返回（'checkEmptyArray'，函数（事件，数据）上的$scope.$on{
返回{
模板：“”
};
});
}
});

来自“checkEmptyArray”的数据非常完美，通过console.log，我可以看到它确实收到了数据。 但出于某种原因，它不起作用

return  {
            template: '<img src="../images/apple.png">'
          };

返回{
模板：“”
};

我不明白它为什么不这么做。

---

有人有什么线索吗？谢谢。

您不能返回任何内容，因为这是回拨。您需要在函数中渲染图像

app.directive('emptyScope', function() {
    return function( $scope ) {
       return $scope.$on('checkEmptyArray', function(event, data) {
          $scope.myImg = data;
      });
    }
});


 <div ng-bind-html="myImg"></div>

app.directive（'emptyScope'，function（）{
返回函数（$scope）{
返回（'checkEmptyArray'，函数（事件，数据）上的$scope.$on{
$scope.myImg=数据；
});
}
});

您希望如何确切地使用该指令？可能是另一个指令，但问题还不够清楚，无法确定。是的，对不起，我只想呈现一个新标记，仅此而已