大概场景,比如有一个dropdown
,当我选择下拉菜单的某个项后,Javascript 会将一个type="hidden"
或者display:none;
的input
标签的值设为某个值,同时绑定在input
上的一个 Angular $scope 的值也相应改变。
我试过在 input 上绑定ng-model
、或者设置value="{{oneScope}}"
但是 Angular scope 的值始终不随之改变,似乎 Angular 的数据绑定是基于 input 标签上发生的某个 Javascript 事件进行数据更新的……
于是这种场景下应该如何实现才能触发数据更新呢?
感谢@muwinger 提示,调用$apply
解决,如
AngularDropDown : (selector, event = 'click') ->
$(selector).dropdown
on: event
onChange: (text, value) ->
$("#{selector} .text").html value
$("#{selector} input.angularData").val text
# 在Angular外调取$scope
scope = angular.element($("#{selector} input.angularData")).scope()
# 更新数据
scope.$apply () ->
scope.registData.defaltContact = text