Question

隐藏弹出窗口时是否可以避免破坏popover的范围？

我有一个带有一些自定义指令的popover。指令有其自己的范围。关闭popover时，内部的所有数据都将被销毁。

有什么办法可以避免吗？

这是我的指示

var app = angular.module('app', ['mgcrea.ngStrap']);
app.directive('sum', [function() {
    return  {
        scope: {
            arg1: '@',
            arg2: '@'
        },
        templateUrl: 'directive.html',
        controller: ['$scope', function($scope) {
            $scope.doMath = function() {
                $scope.result = parseInt($scope.arg1) + parseInt($scope.arg2);
            }
        }]
    }
}])

popover定义

<button bs-popover="popover" data-placement="bottom" content-template="test.html" auto-close="true">
    show calculator
</button>

和模板

<script type="text/ng-template" id="test.html">
    <div><sum arg1="1" arg2="2"></sum></div>
</script>

<script type="text/ng-template" id="directive.html">
    <div>
        <input ng-model="arg1" /> + <input ng-model="arg2" /> = 
        <span ng-bind="result"></span>
    </div>
    <div><button ng-click="doMath()">do the math</button></div>
</script>

https://jsfiddle.net/L8az1o2q/

单击按钮显示计算器。做一些计算。当我关闭弹出框并再次显示时，所有数据都会消失。

谢谢！

角皮带弹出范围在皮革上被破坏

0 个答案: