将范围绑定到指令的控制器

Question

请考虑以下角度指令：

 angular.module('map').directive('mapOptions',
    function MapOptionsDirective() {

      return {
        restrict: 'E',
        transclude: true,
        scope: {
          map: '=',
          layers: '=',
          mapId: '@'
        },
        controller: mapOptionsController,
        controllerAs: 'mapOptionsCtrl',
        bindToController: true,
        templateUrl: 'modules/map/views/mapoptions.client.view.html'
      };


      ///////////////////////////

      function mapOptionsController($scope) {
        var vm = this;
        console.log(vm);              // log #1
        console.log($scope.map)       // log #2
        console.log(vm.map);          // log #3
      }
});

注意隔离的范围， controllerAs语法以及设置为true的bindToController选项。

这是我的指令在html中的外观：

<map-options layers="mapCtrl.layers" map="mapCtrl.map" map-id="{{mapCtrl.mapId}}">

日志输出为：

• 日志＃1：注销"constructor {}" ，我认为可以。
• 日志2：注销绑定到作用域的正确对象。
• log＃3：注销undefined 。 在这里，我希望找到在$scope上找到的对象。

我想将隔离范围直接绑定到控制器，但这不起作用。 奇怪的是，作用域已被数据填充，但是此数据已绑定到作用域，并且并没有直接绑定到指令，正如我希望的那样。 我不知道为什么。 我一定想念一些明显的东西。 谢谢！

Answer 1

我只需要从Angular1.2切换到Angular1.3，现在它就可以正常工作了。