Angular UI-Bootstrap Popover没有更改范围模型

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" 

to

ng-model="$parent.variable"

指令（显然）正在创建一个新的子范围，因此您需要使用$parent访问父范围并访问其值（variable居住）。

修复了PLNKR

Answer 2

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

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

可能是，因为弹出窗口在中继器中？