首页 > TAG信息列表 > angular-ui-bootstrap

javascript-状态更改角度后激活特定选项卡

我有一个用AngularJS内置的Web应用程序,在其中我使用$state来浏览不同的视图.我还使用了多个AngularUI Bootstrap组件和样式,以及其他Bootstrap tabs. 现在我想知道的是,单击链接并加载新视图后,是否可以通过某种方式与ui-sref组合来激活特定选项卡. 例如 我在“仪表板”视图上,那

使用$compile绑定HTML内容时,AngularUI引导轮播无法正常工作

AngularUI Bootstrap version ^2.4.22 AngularJS version 1.6.4 Angular Sanitize version ^1.6.1 我在使用AngularUI引导程序的Carousel插件时遇到问题.在我的场景中,我需要读取一个包含一些模板路径的外部文件,并将每个文件作为幻灯片加载.请参见下面的示例： index.html(正在调

java-如何开发Myntra和Jabong这样的搜索结果？

尽管我的问题很理论,但想知道使用什么技术开发了myntra.com和jabong.com这样的搜索结果？我想为我的Web应用程序开发相同的应用程序,并寻找最佳的方式,从外观,性能和用户友好性方面！！！解决方法:这取决于您在Web应用程序中使用哪个数据库. MongoDB中有全文搜索功能.您可以使用Lucene进行

javascript-如果单击内部的复选框,则防止默认锚行为

我将Angular ui-bootstrap用于手风琴和面板标题,我还需要复选框,该复选框是在ui-bootstrap的锚标记内生成的.看起来像这样(复选框位于< label>‘样式的原因内)： <a class="accordion-toggle" ng-click="toggleOpen()" accordion-transclude="heading"> <span>Some headline&l

javascript-带有UI-Bootstrap选项卡和UI-Router的Angularjs导航菜单

在this Plunker中,我无法使菜单链接和选项卡正常工作. 如您所见,我需要单击两次“ Route 1”以从选项卡Route2返回,此外,当我单击两次“ Route 2”菜单链接时,不会呈现选项卡的内容. 我认为这是重要的代码相关部分： myapp.config(function($stateProvider, $urlRouterProvider) {

javascript-在angular-bootstrap中以编程方式打开popover

在使用angular-ui-bootstrap的角度应用程序中,我们有一些图标可以为用户提供一些信息： <i class="icon-info ng-scope" popover="Popovertext goes here" popover-trigger="mouseenter" popover-append-to-body="false" data-original-title="" titl

JavaScript-扩展angular-ui-bootstrap预输入模块

我正在使用angular-ui-boostrap的预输入组件让人们选择一个人的名字,或者如果不存在他们的选择,则添加一个新名字. 现在,我用自己的代码修改了getMatchesAsync： if(scope.matches.length < 4 || scope.matches.length == undefined){ scope.matches.push({

javascript-角度：$uibModal未定义

使用ui.bootstrap.modal时出现此错误： Error: $uibModal is undefined 模块： (function(angular) { /** * finanziarioTerziController * * a controller defined in the finanziarioTerziModule and using a sample service. */ angular.module(

javascript-ui-bootstrap-tpls和ui-bootstrap

在我的应用程序中,我使用的是boostrap.ui的$modal指令.我还使用具有下拉功能的Bootstrap导航栏. 我遇到的问题是找不到window.html as described in this topic. 我的问题是我同时包含ui-boostrap.js文件和ui-bootstrap-tpls文件(v1.3.2) According to this topic,我只需要tpls文件

javascript-Bootstrap分页不适用于angular-ui-bootstrap / 2.5.0 / ui-bootstrap-tpls.js

由于this thread,我需要使用较高版本的ui-bootstrap-tpls.js.但是,我意识到此禁用的引导程序分页功能可与ui-bootstrap-tpls.js的较低版本一起使用. 例如,使用https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.11.0/ui-bootstrap-tpls.js的this pagination works,而

javascript – 如何以一般方式处理’可能未处理的拒绝：背景点击’

我有处理模态的角度服务： angular.module('myApp').service('ModalService', function($uibModal) { function open(options) { return $uibModal.open(options); } }); 现在我升级到角度1.6并得到此错误： Possibly unhandled rejection: backdrop click 每当我打开一个

javascript – ui-bootstrap datepicker：强制重新渲染一个datepicker？

特别是使用ui-bootstrap的datepicker和NO jQuery … 所以,我正在尝试将两个日期选择器中的日期范围选择器缝合在一起并且它非常接近.我正在尝试根据结束日历上选择的日期禁用开始日历上的日期,反之亦然.问题是,当在该日历上进行选择时,开始日历仅刷新或重新呈现.因此,如果我在结束

javascript – 使用jqgrid与angular ui bootstrap的popover

我有一个使用jqGrid创建的表.我打算添加一个popover功能,这样当用户单击一个单元格/网格时,就会显示一个自定义弹出窗口.我计划使用角度ui bootstrap的popover. 我有我的网格,我也有我的按钮,可以显示一个弹出窗口.但是当我试图将两者结合起来时,它不起作用.我尝试使用我的一个colM

javascript – 如何在angular 6项目中添加bootstrap？

参见英文答案 > How to use bootstrap 4 in angular 2?                                    11个 app.component.html index.html app.component.ts我试图在angular.json包中添加样式依赖项,但显示找不到该模块.添加两个引导程序文件.这是两

javascript – 扩展angularUI popover指令以创建确认弹出窗口

我想在angularJS中创建一个简单的确认弹出窗口.我已经将AngularUI用于许多其他组件,这就是为什么它似乎是扩展的自然选择. 我在plnkr中创建了一个示例,但我必须能够简单地向这样的按钮添加一个确认… <button confirm="Are you sure you want to delete what ever" confirm-func="

javascript – Angular ui-bootstrap进度条,其中angular-timer不显示值

请帮忙.我出于理智而感到新鲜. 见codepen here for an example. 我有一个<计时器>从angular-timer开始,将秒数暴露给本地范围并每秒更新一次,这非常好.像这样的东西： <timer> {{seconds}} </timer> 所以,我认为然后使用< progressbar>也是非常好的.从angular-ui-bootstrap中获取并

javascript – Bootstrap datepicker格式不能用于初始化

我试图在我的应用程序中使用angular-bootstrap datepicker模块并遇到小问题.我使用输入文本和按钮显示日期,如下所示： <div class="row" id="datePicker"> <p class="input-group"> <input type="text" class="form-control" datepick

javascript – 如何在角度js>中的选项卡中添加图标

嗨我是角度js的新手, 我的问题是如何在角度js的标签中添加一个图标？ 这就是我到目前为止所拥有的： <tabset panel-tabs="true" panel-class="{{demoTabbedPanelClass}}" heading="{{demoTabbedPanelHeading}}"> <tab heading="Tab 1 some text ">sapiente dolo

javascript – 如何使用Factory关闭mouseleave上的Angular-ui-bootstrap uibModal？

我最近在我们的应用程序中将所有模态指令切换到Angular-ui-Bootstrap模态.好多了,但是遇到了一种新的模态,它在mouseleave上关闭而不是取消点击. this.leaveTag = (tag) => { TagHover.off(); }; this.hoverTag = (tag) => { TagHover.display(); }; 上面是调用TagHover

javascript – AngularJS：加载内容后修改Bootstrap模式

我想在我的AngularJS项目中使用这个漂亮的image cropper.当我以“正常”方式使用它时,即在普通页面上,一切正常.问题是我想把它放在Bootstrap模态对话框中. 为了初始化cropper,我应该执行这个片段： $(".cropper").cropper({ aspectRatio : 1.618, done : function(data) {

javascript – 使用typeahead时在onblur事件期间选择值

我有一个简单的预先输入货币列表.当我开始输入并选择所需的值(或点击TAB)时,会选择所需的值 – 直到这一点,一切都按预期工作. 但是,如果我输入整个单词并在输入外单击而不是选择值(onblur事件),那么即使输入中的值与过滤器值匹配,所选范围变量也不会更新,因此我的输入无效.我想要

javascript – 如何使用Angular UI typeahead中的firebase数据正确选择

我正在尝试使用Angular-UI typeahead以及来自firebase的一些数据. 数据看起来像这样： Data:{ "-JL8IPEAs0vLSt4DJ4V9": { "name": "Something" }, "-JL8IbggYn3O8jkWoPmv": { "name": "Something Else" } } 我的HTML看起来像这样： <inpu

javascript – Angular UI选项卡的Select事件未按预期工作

我正在使用Angular UI Tabs,如下所示.我的问题是内部uib-tabset选择事件正在加载时触发.换句话说没有点击该选项卡(heading =“抱歉”).你能告诉我如何理清吗？这个问题？ 这是Plunker. <uib-tabset active="active"> <uib-tab index="0" heading="Static title">Static content<

javascript – Angular：从缓存中删除特定模板

我知道如何从缓存中删除所有模板 $templateCache.removeAll(); 但我想只从缓存中删除一个特定的模板. 该模板不是从$routeProvider加载的,而是通过使用从指令呈现的 templateUrl: 'template/page/file.html' 我的app结构是这样的 -web - js - controllers - appC

javascript – 指令多个模态中的UI Bootstrap模式,但只打开一个

如在this Plunkr中所见,我有两个模态,每个模态在模态一和模态二的单独指令中. 问题是,即使单击模态2按钮,也只打开模态1. 我猜它与$scope上的.open方法有关被覆盖了吗？ 我该如何预防呢？ 谢谢！解决方法:基本上在场景后面你共享一个范围最长的指令,因为你没有指定范围内的scope属性,它设