angularjs访问指令中的控制器变量

我有一个控制器和一个指令。我试图访问控制器的指令中的变量，但它似乎没有约束力。angularjs访问指令中的控制器变量

这里是控制器的一个片段：

myapp.controller('AddDatasetModalController', ['$rootScope', '$scope', '$uibModalInstance', 'webServices', function ($rootScope, $scope, $uibModalInstance, webServices) { 
    var addDatasetModalCtrl = this; 
    this.selectedFileSourcetype = ''; 
    this.formClass = ''; 
    this.datasetImportSourceTypes = [{'name': 'file', 'val': 'File', 'selected': false}, {'name': 'jdbc', 'val': 'Database', 'selected': false}, {'name': 'url', 'val': 'URL', 'selected': false}]; 

    $scope.$watch(function() { 
     return addDatasetModalCtrl.selectedFileSourcetype; 
    }, function() { 
     console.log('from controller selected file source type: ' + addDatasetModalCtrl.selectedFileSourcetype); 
    }); 
    this.fileSourceTypeItemChanged = function() { 
     if (addDatasetModalCtrl.selectedFileSourcetype === 'File') { 
      addDatasetModalCtrl.formClass = 'dropzone'; 
     } 
    };

现在这里是指令：

myapp.directive('conditionalDropzone', ['$parse', function ($parse) { 
     return { 
      restrict: 'A', 
      link: function (scope, el, attrs) { 
       scope.$watch(function() { 
        return scope.selectedFileSourcetype; 
       }, function() { 
        console.log('scope.selectedFileSourcetype : ' + scope.selectedFileSourcetype); 
       }); 
      } 
     }; 
    }]);

这里就是指令所声明的元素：

<div class="form-group"> 
        <label for="importDataSourceType">Source type:</label> 
        <select class="form-control" id="importDataSourceType" ng-model="addDatasetModalCtrl.selectedFileSourcetype" ng-change="addDatasetModalCtrl.fileSourceTypeItemChanged()"> 
         <option ng-repeat="importSourceType in addDatasetModalCtrl.datasetImportSourceTypes" >{{importSourceType.val}}</option> 
        </select> 
       </div>

当指令首次初始化时，我得到

from controller selected file source type: 
scope.selectedFileSourcetype : undefined 
from controller selected file source type: File

所以我可以看到控制器范围的手表工作。

我想在控制器中使用'this'来引用变量，但我怎样才能将它绑定到$范围，以便指令可以访问变量？ //计算器：

来源

2016-08-02 alessandro ferrucci

[从指令门禁控制器范围（HTTP的可能的复制需要这个。 com/questions/19385543/access-controller-scope-from-directive） –

no - 略有不同的情况 - 我有一个更简单的情况，但我发现问题。 –

我发现这个问题，我在指令

scope.addDatasetModalCtrl.selectedFileSourcetype

myapp.directive('conditionalDropzone', ['$parse', function ($parse) { 
     return { 
      restrict: 'A', 
      link: function (scope, el, attrs) { 
       scope.$watch(function() { 
        return scope.addDatasetModalCtrl.selectedFileSourcetype; 
       }, function() { 
        console.log('scope.selectedFileSourcetype : ' + scope.addDatasetModalCtrl.selectedFileSourcetype); 
       }); 
      } 
     }; 
    }]);

来源

2016-08-02 21:17:35

angularjs访问指令中的控制器变量

回答

相关问题