ui.bootstrap酥料餅收盤點擊

我有這個酥料餅與模板ui.bootstrap酥料餅收盤點擊

<i class="fa fa-link" popover-placement="right" uib-popover-template="'newReferenceTemplate.html'" popover-title="New link"> Add new external reference </i>

所以，當我點擊該鏈接圖標，打開酥料餅這witht tamplate

<script type="text/ng-template" id="newReferenceTemplate.html"> 
    <label>Title</label> <br> 
    <input ng-model="link.Title"> <br> 
    <label>Url</label> <br> 
    <input ng-model="link.Url"><br> 
    <i class="fa fa-floppy-o" > Save </i> 
</script>

當我按那個'軟盤'圖標，我想關閉popover。有沒有辦法做到這一點？

我能找到的所有on documentation是popover-is-open的值，但我不知道我是否可以用這個辦法想想什麼？

來源

2015-10-13 klskl

發現一個plunkr是做到了這一點：http://plnkr.co/edit/QhshtRqwpdsirvdFj9JG?p=preview – JasperZelf

這是...大量的代碼只是說，我會嘗試破譯它，看看我想出了什麼，謝謝你的回覆 – klskl

步驟1：將popover-is-open="isOpen"添加到觸發鏈接。

<i class="fa fa-link add-link" 
     popover-placement="right" 
     uib-popover-template="'newReferenceTemplate.html'" 
     popover-is-open="isOpen" 
     popover-title="New link"> Add new external reference </i>

第2步：當您單擊酥料餅裏面的軟盤圖標，設置isOpen爲false：

這是酥料餅的保存圖標：

<i class="fa fa-floppy-o" ng-click="save()"> Save </i>

這是控制器：

$scope.save = function() { 
    $scope.isOpen = false; 
};

請參閱plunker

來源

2015-10-13 13:49:32

ui.bootstrap酥料餅收盤點擊

回答

相關問題