双向绑定指令与popover/clickover

Question

我非常喜欢Angular的体验，但遇到以下绊脚石。

我想获得2方式绑定工作与角度的popover/clickover部件，但我遇到了几个问题 - 首先绑定只似乎踢了一次，我开始在input字段中输入，其次，即使一次它似乎并不是特别的'可靠' - 有时$ scope中的变量没有更新，我认为传达这个问题最简单的方法是尝试在jfiddle中使用UI。

element.clickover({ 
      global: true, 
      width: 400, 
      scope: { 
       dto: '=dto' 
      }, 
      content: "<div id='my-poppy' class='btn-toolbar'> Edit note :{{dto.id}} <input class='span2' ng-model='dto.note'> <button class='btn btn-success' ng-click='save(dto); '>Update</button></div>" 
     }).on('shown', function() { 
      $compile($("#my-poppy").contents())(scope); 



     }); 

下面的jsfiddle包含了所有的代码。有没有人遇到过这个问题？

http://fiddle.jshell.net/Bfu79/2/

Answer 1

一个编译之后，您需要一个$digest周期。只需在$compile行后面添加scope.$apply()即可，所有内容都将顺利运行。