AngularJS指令不更新父范围

Question

我真的很努力尝试在我的表格上使用指令。 我在日期时间字段中需要使用插件，以保持旧的浏览器兼容性。

这是我的HTML

<input ng-model="search.endDate" type="text" date-time-picker value="search.endDate" class="form-control">

这是我的指令

app.directive('dateTimePicker', function(){
    return {
        restrict : 'AE',
        scope : {
            value : '='
        },
        link : function($scope, element, attrs){
            element.bind('blur', function(){
                $scope.value = element.val();
                    $scope.apply;
            });
        }
    }
});

我要完成的工作：在“父范围”中，我有$ scope.search.endDate，用于存储以后发送的日期。

我想使用没有模板的指令，并且每次更改该字段上的值时，父作用域上的值都会更新。

我的问题：上面的代码一直工作到一定程度，在这里我可以从插件中选择日期和时间，这将转换为2016年8月25日下午12:21 ，但似乎$ scope.apply仅适用第一次，这意味着如果我从插件中选择另一个日期时间，则父范围变量将不再更新。

如何通过更改字段上的值将更改传播到父范围？

我究竟做错了什么 ？

编辑1：

element.bind('blur', function(){
                $scope.value= element.val();
                $scope.$apply();
            });

Answer 1

正如ruhul指出的，$ apply是一个函数，因此您应该实际调用它。

但是，依靠范围变量并不是最好的方法。 似乎您的指令实际上取决于父指令，因此我只需要具有以下指令的父控制器：

    restrict : 'AE',
    require  : '^parentDirective',
    scope : {
        value : '='
    }

然后，您实际上可以做任何事情而不会污染示波器。