javascript - 如何从 jquery 更新 Controller 变量？

Question

我有一个日期选择器小部件，我想将选择的日期传递给 Controller ​​。在我看来，我有这个脚本片段:

        <div id="datepicker"></div>
        <script type="text/javascript">
        $('#datepicker').datepicker();
        $('#datepicker').datepicker()
        .on('changeDate', function(ev){

          alert(ev.date);
        });
        </script>

如何将这个“ev.date”发送到 Controller ？

我希望它影响 Controller 变量，这样这个变化就会被一个指令获取，并在指令中修改 dom。

Answer 1

你可以这样做:

$('#datepicker').datepicker()
  .on('changeDate', function(ev){
     //get a hold of controller and scope
     var element = angular.element($('#datepicker'));
     var controller = element.controller();
     var scope = element.scope();

     //as this happends outside of angular you probably have to notify angular of the change by wrapping your function call in $apply
     scope.$apply(function(){
       scope.updateDateFunction(ev.date);
     });
 });

参见:http://docs.angularjs.org/api/angular.element