Question

请有人知道为什么角度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>

我做了一个简单的傻瓜来说明情况。 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 popover不会更改范围模型

2 个答案: