从指令内容访问隔离范围?

时间:2015-06-17 20:38:22

标签: javascript angularjs

有没有办法从指令的DOM Children访问隔离范围?我有以下定义:

    var $app = angular.module('MyApp',[]);
    $app.directive('crnDatasource',[function() {
      return {
        restrict: 'A',
        controller: 'CrnFormController',
        scope: {
            crnDatasource : '@'
        }
      };
    }])

    .controller("CrnFormController",['$scope', function($scope) {
        $scope.newValue = $scope.crnDatasource + 'anything';
        $scope.itDoesntWork = function() {
          alert($scope.crnDatasource);
        }

    }]);

但我必须以这种方式访问​​范围

 <form crn-datasource="People">
      {{newValue}}
      <button ng-click="itDoesntWork()"></button>
 </form>

如何在直观内容中访问范围?

1 个答案:

答案 0 :(得分:1)

由于您将指令放在具有内部内容的节点上,因此您需要将其转换为使用隔离范围。第二个更简单:

$app.directive('crnDatasource', [function() {
    return {
        restrict: 'A',
        controller: 'CrnFormController',
        link: function(scope, element, attrs) {
            console.log('1');
            scope.crnDatasource = attrs.crnDatasource;
            scope.newValue = scope.crnDatasource + 'anything';
        }
    };
}]);

演示: http://plnkr.co/edit/UEfOQa1g8L7rYSH5CBL6?p=preview