javascript - 带有弹出框/点击框的 2 路绑定指令

Question

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

我正在尝试使用 Angular 中的 popover/clickover 小部件进行 2 路绑定，但遇到了几个问题 - 首先，绑定似乎只有在我开始在该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，一切都会顺利进行。