调用服务的指令

Question

我正在考虑制作一个角度指令，该指令调用角度服务来检索数据。我知道将模型对象（在这种情况下为服务）绑定到 UI 元素（指令）通常是不好的做法，但我不确定完成我正在做的事情的更好方法。

我的应用具有一对多关系的会话和事务。在整个用户界面中，我需要显示生成的日志，并且我的 UI 中到处都是用于检索和显示日志部分的重复代码。我正在考虑创建一个指令来处理这个问题，但它必须访问我的 API 才能获取日志。

指令可能如下所示：

<customLogs identifier="transaction.TransactionId" 
            identifierType="transaction" />

有没有更好的方法来解决这个问题，而不涉及最终命中我的 API 的指令？

谢谢。

Answer 1

我不确定这是否可行，但我认为它会：

module.directive( "addBookButton", [ 'Book', function( Book ) {
  return {
     restrict: "A",
     link: function( scope, element, attrs ) {
       element.bind( "click", function() {
          Book.addBook( { title: "Star Wars", author: "George Lucas" } );
        });
     }
   }
 }]);

See this Model Page