具有弹出/点击的2路绑定指令

Question

我真的很享受Angular的体验，但是遇到了以下绊脚石。

我正试图以角度方式使用弹出/点击小部件进行双向绑定，但遇到了几个问题 - 首先，一旦我开始在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个周期。只需在scope.$apply()行之后添加$compile，即可顺利运行。