Angular ui-bootstrap popover is not changing scope model

Question

Please, someone there some idea why angular ui-bootstrap popover is not changing the model in scope?

<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>

I did one simple plunker to show the situation. https://plnkr.co/edit/ebYWI8hP0xtOboY2v37Z?p=preview

svarog · Accepted Answer · 2017-12-12 15:21:44Z

1

You need to change

ng-model="dataClonada"

to

ng-model="$parent.variable"

The directive (apparently) is creating a new child scope, so you need to use $parent to access the parent scope and access it's values (where variable resides).

Fixed plnkr

answered Dec 12, 2017 at 15:21

svarog

9,8755 gold badges66 silver badges79 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Willians Martins Over a year ago

Thaaaaaaaaaaaanks

Stefan Pintilie · Accepted Answer · 2018-11-12 09:35:29Z

1

For some reason for me it worked with double parent:

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

Can be, because the popover was inside of a repeater?

answered Nov 12, 2018 at 9:35

Stefan Pintilie

7258 silver badges6 bronze badges

Collectives™ on Stack Overflow

Angular ui-bootstrap popover is not changing scope model

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related