bindToController Angular 1.6

Question

我在遷移到最後角度後遇到了我的指令問題。

.directive('documentGrid', 
    function() { 
     return{ 
      restrict: 'EA', 
      scope: { 
       documentData: '=', 
       remove: '&', 
       edit: '&', 
       documentDatasources: '=' 
      }, 
      controller: 'DocumentCrtl', 
      controllerAs: 'vmDocument', 
      //bindToController: true, 
      //transclude: true, 
      templateUrl: '/Custom/Document/document.cshtml' 
     }; 
    }); 

<div class="box" document-grid document-data="widget" 
          document-datasources="vm.datasource.data" 
          remove="vm.remove(item)" 
          edit="vm.openSettings(item,datasources)"> 
         </div> 

在移動到最新版本之前，它可以正常工作，綁定控制器設置爲true，但現在不起作用。所以我刪除了bindToController：true，我需要使用$ scope從html指令訪問我的varibile綁定

我閱讀關於指令的指南，文章和教程，但是我沒有找到任何解決方案。

Answer 1

嘗試用它來取代：

directive('documentGrid', 
    function() { 
     return{ 
      restrict: 'EA', 
      bindToController: { 
       documentData: '=', 
       remove: '&', 
       edit: '&', 
       documentDatasources: '=' 
      }, 
      controller: 'DocumentCrtl', 
      controllerAs: 'vmDocument', 
      scope: {}, 
      //transclude: true, 
      templateUrl: '/Custom/Document/document.cshtml' 
     }; 
    }); 

注意，我改變了bindToController和scope。

然後在您的控制器中，您必須在控制器的第一行綁定this，例如：var vm = this;。

最後，您將能夠訪問你的數據在控制器這樣的：

vm.documentData 

看到這個小提琴：https://jsfiddle.net/2n5skwqj/794/ 在控制器功能我的日誌的名稱。