javascript - 通过 jQuery 回调修改作用域变量

Question

我有以下代码片段:

  $scope.addName = (name) ->
    $scope.names.push name
  $(".names").draggable
    helper: "clone"
    revert: true
  $(".name-list").droppable
    accept: ".names"
    activate: ->
      $(@).addClass "bordered"
    deactivate: ->
      $(@).removeClass "bordered"
    drop: (e, ui) ->
      name = ui.draggable.attr "data-names-name"
      $scope.addName name

这里，用户将一个名称(表示)作为 div 拖动到名称列表上，然后将拖动的名称添加到名称数组中。

问题是，将新名称插入名称数组后，名称数组仍然为空。

Answer 1

将其包装在 $scope.$apply 中(抱歉没有使用 CofeeScript)

..
$scope.$apply(function(){
  $scope.addName(name);
});