Angularjs 我有下面的popover代码，但是当我调整页面大小时，我想关闭popover

我的html

---

使用angular时，如果尚未使用，我建议使用。我已将此链接添加到他们的网站，它是0.14.3文档。还包括我认为你正在努力实现的一个例子。希望它有帮助，我可以随时帮助和修改它进一步

函数示例控制器（$scope，$window）{
$scope.popoverVisible=false；
函数onResize（）{
$scope.popoverVisible=false；
//manuall$调整大小事件所需摘要
//在角度之外
$scope.$digest（）；
}
函数清理（）{
角度元素（$window）.off（“调整大小”，onResize）；
}
角度.element（$window）.on（“调整大小”，onResize）；
$scope.$on（“$destroy”，cleanUp）；
}
有棱角的
.module（“示例”，[“ui.bootstrap”]）
.控制器（“exampleController”，exampleController）
html，
.货柜，
.容器液体{
宽度：100%；
身高：100%；
背景色：#333；
颜色：#fff；
文本对齐：居中；
钮扣{
利润率最高：10%；
字体大小：粗体；
}
按钮：焦点{
大纲：0；
}
波弗先生{
.popover标题，
.popover内容{
颜色：#333；
}
}
}

点击我

<div id="deviceInputContainer">
                <div class="row noMarg">

                    <div class="form col-xs-12" style='padding-left:0px;margin-right:15px;'>


                        <div class="form col-xs-12 noPad left">
                        <h2 class="page-title">Certification Projects
                            <span class='icon-settings-big'  style='cursor:pointer;float:right;margin-top:-10px;' title='settings' uib-popover-template="dynamicPopoverPageSettings.templateUrl" 
                            popover-placement="bottom-right" popover-trigger="click outsideClick"  popover-class="settingsClass" ></span>
                        </h2> 
                    </div>

                         <div class="helpMessage" style="margin-left:-15px;margin-right:-15px;" ng-show="dashboardData.userPreferences.showHelpTextEnabled">

                            <p class="help-text-content col-sm-12 helpText-color helpText-size" style='margin-bottom:15px;'>Your open projects are listed below- but you can search for other projects if you want. Just
                            set the search criteria below.</p>
                        </div>
                    </div>
                </div>
            </div>

$scope.dynamicPopoverPageSettings = {
      templateUrl: 'myPopoverTemplatePageSetting.html',
      title: 'Page Settings',
      isPopOpen: false,
      setIsPopOpen: function() {
        $scope.dynamicPopoverPageSettings.isPopOpen = !$scope.dynamicPopoverPageSettings.isPopOpen;
        console.log("$scope.dynamicPopoverPageSettings.isPopOpen == " + $scope.dynamicPopoverPageSettings.isPopOpen);
      },
      setIsPopFalse: function() {
        $scope.dynamicPopoverPageSettings.isPopOpen = false;
        console.log("$scope.dynamicPopoverPageSettings.isPopOpen == " + $scope.dynamicPopoverPageSettings.isPopOpen);
      }
    };

var w = angular.element($window);

   w.bind('resize', function () {


$('.settingsClass ').popover('hide');


   });