How to update values in ng-template

Question

I have this template

<script type="text/ng-template" id="template">
    <span class="count-container">
        <span >{{count}}</span>
    </span>
</script>

and I am including this multiple times with different ng-init like this

<span ng-include="'template'" ng-init="count=$ctrl.getTotalCount()"></span>

<span ng-include="'template'" ng-init="count=$ctrl.tabs[0].errorCount"></span>

this works fine on the very first load, but when the values are updated in the component, those are not reflected where the template is loaded. I guess it's due to how the ng-init works since it's everything fine on the 1st load.

So what should be used so that the values are updated in the template?

Where is count being defined? Is it within or outside the loop of the template? — dmanexe
– dmanexe, Commented Mar 4, 2019 at 9:30
count is in template. how do i update it from controller, can you please give an example. how can i use ngModel for it? — AmarKoli
– AmarKoli, Commented Mar 4, 2019 at 9:35
@BhojendraRauniyar I'm not sure if setting an ng-model to span would work. — Anurag Srivastava
– Anurag Srivastava, Commented Mar 4, 2019 at 9:39
@AmarKoli It will not be clear what is wrong until you show the controller code. — Anurag Srivastava
– Anurag Srivastava, Commented Mar 4, 2019 at 9:40
I don't think you need to even use ng-init with ng-template. That should be done with your ng-controller. — Anurag Srivastava
– Anurag Srivastava, Commented Mar 4, 2019 at 9:50

Bhojendra Rauniyar · Accepted Answer · 2019-03-04 09:44:44Z

1

You can use $watch:

ng-init="$watch('count=$ctrl.tabs[0].errorCount')"

This is just an inline solution. However, you should use scope.$watch().

answered Mar 4, 2019 at 9:44

Bhojendra Rauniyar

86k36 gold badges179 silver badges240 bronze badges

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

1 Comment

AmarKoli Over a year ago

let me try this

Collectives™ on Stack Overflow

How to update values in ng-template

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related