0
私は、角度のポップオーバーを使用してフォーカスをポップアップするツールチップを持っています。私がしなければならないことは、ボタンをクリックすると、それをぼかしでポップアップに変えることです。変更されますが、ツールヒントの動作は変更されません。以下はhtmlのangleプロパティの値を変更できないのはなぜですか?
http://plnkr.co/edit/L1oeZQrQdF0AdJMKVsG6?p=previewコードです:ここで
がplunkrあるuib-popover
ディレクティブ
the source codeを見てみると
<input type="text"
ng-model="value"
value="{{value}}"
uib-popover-template="htmlPopover"
popover-trigger="{{triggerOn}}"
popover-popup-close-delay="1000"
class="form-control">
<script type="text/ng-template" id="myPopoverTemplate.html">
<div>
<button ng-click="test()"><b style="color: red">Add message</b></button>
</div>
</script>
コントローラ
function ($scope) {
$scope.value = "Click me!";
$scope.dynamicPopover = {
content: 'Hello, World!',
templateUrl: 'myPopoverTemplate.html',
title: 'Title'
};
$scope.message = 'Trigger: none';
$scope.triggerOn = "focus";
$scope.changeTrigger = function(){
$scope.triggerOn = "blur";
$scope.message = "Should trigger on blur";
}
$scope.test = function(){
$scope.value = "test me click";
}
$scope.htmlPopover = 'myPopoverTemplate.html';
});