Javascript 带有popover/clickover的双向绑定指令

我真的很享受这种角度的体验，但是遇到了以下的绊脚石

我正在尝试使用angular中的popover/clickover小部件进行双向绑定，但遇到了几个问题-首先，绑定似乎只在我开始在

输入

字段中键入时生效，其次，即使它确实启动，它似乎并不特别“可靠”-有时$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);



        });

element.clickover({
全球：没错，
宽度：400，
范围：{
dto:'=dto'
},
内容：“编辑注释：{{dto.id}}更新”
}).on（'显示'，函数（）{
$compile（$（“#我的罂粟”）.contents（））（范围）；
});

下面的JSFIDLE包含所有代码。以前有人遇到过这个问题吗

---

编译后，您需要一个

$digest

循环。只需在

$compile

行之后添加一个

作用域。$apply（）

，一切都将顺利运行