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

Question

我真的很享受 Angular 体验，但遇到了以下障碍。

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