控制器和指令之间的范围 $watch 仅在缩小后才起作用

Question

我有一个带有指令的控制器/视图。该指令更改控制器范围正在监视的变量。在我缩小所有内容之前，这非常有效。一旦缩小，没有错误，但手表处理程序不再触发。

我的应用程序是由grunt 使用yeoman 角度生成器编译的。经过大量工作，它正在正确构建所有内容（通过grunt serve:dist）。除了 watch 函数处理程序不工作之外，应用程序的其余部分都很好。在开发过程中，一切正常。

我很确定我的所有依赖项都已声明以避免任何缩小问题。我还使用ngAnnotate 来清理我错过的任何内容。可能是什么问题呢？

这是一个简化的例子：

控制器：

(function(){
    'use strict';

    angular
        .module('app')
        .controller('MyCtrl', MyCtrl);

    MyCtrl.$inject = ['$scope', ...];

    function MyCtrl($scope, ...) {
        $scope.color = null;

        $scope.$watch('color', function(newVal, oldVal) {
            console.log('Color changed');
        });
    };
})();

查看：

<mydirective color="color"></mydirective>

指令：

(function(){
    'use strict';

    angular
        .module('app')
        .directive('mydirective', mydirective);

    function mydirective() {
        return {
            restrict: 'E',
            scope: {
                color: '=color'
            },
            templateUrl: 'directive.html',
            link: function($scope, element, attrs, form) {
                $scope.clickHandler = function(val) {
                    $scope.color = val;
                };
            }
        };
    }
})();

指令模板：

<button ng-click="clickHandler('blue')"></button>

Answer 1

经过多次试验和错误，这最终成为我的第三方凉亭组件缩小的问题（特别是我认为它是 jquery-ui 和 ui-date）。与我最初的想法无关，但有人最终可能会出现相同的症状。我最终不得不手动返回我的 grunt 文件的每个步骤，直到它工作（这是我在 vendor.js 中删除额外未使用的依赖项时）