AngularJSディレクティブが隔離された範囲に多くのバインディングを持っている場合のベストプラクティスは何ですか？

Question

各カード・アイテム・ディレクティブが多くの外部コンテキストを知り、それに応じて行動する必要があるとします。

のように私たちは、外の世界を監視するためのサービスを行い、カードアイテムディレクティブにサービスを挿入できますディレクティブ約あまりを知っているので、これは、悪い習慣のように思える

scope: { 
    item: '=', 
    service: '=', 
} 

<card-item item="card" 
      service="ItemService"> 
</card-item> 

サービス（例えば、ディレクティブの内部でサービスの関数を呼び出す）。

AngularJSのベストプラクティスに関する多くの記事には、アイソレーションが次のように記載されています。

しかし、それはまだ右ここに感じることはありません。

scope: { 
    item: '=', 
    isSelected: '&', 
    inSelectMode: '&', 
    inMoldMode: '&', 
    onToggleSelect: '&', 
    onTogglePreview: '&', 
    onToggleSort: '&', 
    onDelete: '&', 
    isPreviewing: '&', 
    isSorting: '&', 
    locales: '=', 
    printUrl: '=', 
} 

<card-item item="card" 
      is-selected="ItemService.isSelected(card)" 
      in-select-mode="ItemService.inSelectMode()" 
      in-mold-mode="ItemService.inMoldMode()" 
      on-toggle-select="ItemService.toggleSelect(card)" 
      on-toggle-preview="ItemService.togglePreview(card)" 
      on-toggle-sort="ItemService.toggleSortMode()" 
      on-delete="ItemService.removeParticle(card)" 
      is-previewing="card === entityInPreview" 
      is-sorting="ItemService.inSortMode()" 
      locales='LocaleService.currentLocales' 
      print-url="getPrintUrl(card)"> 
</card-item> 

あなたの提案は何ですか？

読んでいただきありがとうございます。

Answer 1

あなたはディレクティブコントローラを形成する、

xApp.directive('xDirective', function(itemService, LocaleService, getPrintUrl) { 
    function controller() { 
     angular.extend($scope, { 
      isSelected: ItemService.isSelected(card), 
      inSelectMode: "similar to above", 
      inMoldMode: "similar to above", 
      onToggleSelect: "similar to above", 
      onTogglePreview: "similar to above", 
      onToggleSort: "similar to above", 
      onDelete: "similar to above", 
      isPreviewing: "similar to above", 
      isSorting: "similar to above", 
      locales: "similar to above", 
      printUrl: "similar to above" 
     })  
    } 

    return { 
     controller: controller, 
     scope: { 
      card: '=', 
      item: '=' 
     } 
    } 
}); 

あなたも小さなサブディレクティブにこのディレクティブを分割しようとすることができるサービスのメソッドを呼び出すようにしてください。