Habpanel popup issue

I’m using version habpanel 2.2.0.201711110304.
Have a problem, I used to turn up for a slider widget:

  • When pressing on button first, slider Widgets do not appear
  • Then close the pop up and open the back, slider widgets appear.

Here is my html templates :

<script type="text/ng-template" id="myModalContent.html">
    <div class="container" style="padding: 30px; border: 1px solid #456;">
      <a ng-click="$close()" class="pull-right btn btn-danger">X</a>
      <h3 style="color: white">All Lights</h3>
<div ng-init="TretKitchenDenTranLightLevel = {
                       	'item': 'TretKitchenDenTranLightLevel',
                        'floor': 0,
                        'ceil': 100,
                        'step': 0,
                        'precision': 1,
						'unit': '%',
                    		}">
</div>
<widget-slider ng-model="TretKitchenDenTranLightLevel">
    </div>
</script>
<button class="btn btn-default btn-lg"
        ng-click="openModal('myModalContent.html', true, 'lg')">
  Open Modal
</button>

This is my description video : https://drive.google.com/file/d/1gUMvG1eQoUnNRyZ74XlH3hHCY_IMAX5O/view?usp=sharing

I think this is a issue : https://github.com/angular-slider/angularjs-slider#my-slider-is-not-rendered-correctly-on-load

but I don’t know what to edit this code in openhab

vm.refreshSlider = function () {
    $timeout(function () {
        $scope.$broadcast('rzSliderForceRender');
    });
};

Everyone can help me add this code, thanks.

You got some tags which are not closed properly, e.g. widget-slider.

But sadly I cant help you further, because I imported your HTML and tested it with a dimmer item. I had no problems and the slider appeared right away.