个人中心
gpt4 book ai didi

angularjs - 使用 Bootstrap 3 和 Angular 的条件工具提示

转载 作者：行者123 更新时间：2023-12-02 14:41:43 24 4
gpt4 key购买 nike

所以我可以让工具提示出现在字段焦点上，但我只希望它们有时出现。我想添加一个手动触发器，但说缺少文档就表明存在一些文档。这是我到目前为止发现的内容(在源代码中)

// Default hide triggers for each show trigger
var triggerMap = {
  'mouseenter': 'mouseleave',
  'click': 'click',
  'focus': 'blur'
};

...

/**
 * This allows you to extend the set of trigger mappings available. E.g.:
 *
 *   $tooltipProvider.setTriggers( 'openTrigger': 'closeTrigger' );
 */
this.setTriggers = function setTriggers ( triggers ) {
  angular.extend( triggerMap, triggers );
};

那么，如何编写这些触发器之一？

最佳答案

如果您仍在寻找解决方案，那么了解工具提示仅在存在文本值时才显示可能会很方便，否则它们实际上不会显示。

我自己使用 popover 指令，这里有一个 plunker，您可以在其中编辑文本。当您清除该字段时，工具提示将不会显示。

http://plnkr.co/edit/Zdkyhc90qTZFzLEwtrVL?p=preview 

<body ng-controller="MainCtrl">
  <br/><br/>
  <input type="text" size="100" ng-model="error"/><br/><br/>
  <p class="btn btn-default" 
     popover="{{error}}" 
     popover-placement="right" 
     popover-trigger="mouseenter">Hover my error!</p>
</body>

在 Controller 中您只需设置错误初始值。确保将“ui.bootstrap”作为应用程序的依赖项包含在内，否则它将无法工作。

var app = angular.module('plunker', ['ui.bootstrap']);

app.controller('MainCtrl', function($scope) {
  $scope.error = 'Something went wrong';
});

关于angularjs - 使用 Bootstrap 3 和 Angular 的条件工具提示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21177176/

24 4 0
文章推荐： graphics - 导出骨骼 blender
文章推荐： grails - 未加载Grails Spring bean(自定义UserDetailsS​​ervice)
文章推荐： regex - grails 2.5如何使用验证器内的服务验证域对象密码
文章推荐： makefile - BoringSSL 的 undefined symbol
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com