Angular ui-bootstrap 弹出窗口未更改作用域模型

Question

拜托，有人知道为什么 angular ui-bootstrap popover 没有在范围内更改模型吗？

<button popover-placement="right" 
        uib-popover-template="'myPopoverTemplate.html'"
        type="button" 
        class="btn btn-default">Click me!</button>

....

<script type="text/ng-template" id="myPopoverTemplate.html">
    <div class="form-group">
        <label>Date:</label>
        <p class="input-group">
            <input type="text" 
            class="form-control" 
            ng-model="dataClonada" 
            datepicker-options="dateOptionsClone" 
            uib-datepicker-popup="{{formats[5]}}" 
            is-open="popup3"
            readonly="true"/>
            <span class="input-group-btn">
            <button type="button" class="btn btn-default" ng-click="popup3=true"><i class="glyphicon glyphicon-calendar"></i></button>
            </span>
        </p>
        <button class="btn btn-success" ng-click="show()">show value</button>
    </div>
</script>

我做了一个简单的 plunker 来说明情况。 https://plnkr.co/edit/ebYWI8hP0xtOboY2v37Z?p=preview

Answer 1

你需要改变

ng-model="dataClonada"

到

ng-model="$parent.variable"

该指令（显然）正在创建一个新的子作用域，因此您需要使用 $parent 访问父作用域并访问它的值（variable 所在的位置）。

Fixed plnkr

Answer 2

出于某种原因，它与双亲一起工作：

ng-model="$parent.$parent.variable"

可以，因为弹出窗口在中继器内部？

Angular ui-bootstrap 弹出窗口未更改作用域模型

Angular ui-bootstrap popover is not changing scope model

angularjs

angular-ui-bootstrap