草庐IT

angular-ui-bootstrap-tab

全部标签

javascript - 如何在 Angular 2 中打印 Pdf

我有pdf文件的URL,因为exaurl是“test.example.com/incoice/1/download?auth_token="some_token”,当我访问这个url时,url将在浏览器中显示PDF。现在我想用打印功能打开这个pdf,我的意思是用户不必按CTRL+P我想在我这边做这件事。我尝试了iframe,但它给了我跨源错误。这是我使用的演示代码//firsttrylet_printIframe;variframe=_printIframe;if(!_printIframe){iframe=_printIframe=document.createElement('if

javascript - 如何覆盖(overwrite)material-ui(React)中的类和样式

我使用的是material-ui的1.2.1版我正在尝试覆盖AppBar组件要透明。该文档概述了如何覆盖样式here.我的代码:importReact,{Component}from'react';importAppBarfrom'@material-ui/core/AppBar';importToolbarfrom'@material-ui/core/Toolbar';importlogofrom'../Assets/logo.svg';classNavigationBarextendsComponent{render(){conststyles={root:{backgroundC

javascript - 从其中的元素关闭 jQuery UI 对话框?

这是一个可能比我想的要简单的问题。我正在使用$.ajax()调用生成的html填充jQueryUI对话框。在某些情况下,html包含一个按钮,单击该按钮后,我想关闭包含的对话框。假设我对使用$("#element").dialog()指定为对话框的元素一无所知...(即我不知道是什么“#element”选择器来自对话框的内部内容)-从对话框内部单击的元素关闭对话框的最佳方法是什么? 最佳答案 使用closest()$(this).closest('.ui-dialog-content').dialog('close');

javascript - 带有手动选项的 Angular JS 选择

我们的应用程序中有一些我们不能不使用ng-options的下拉菜单,因为我们需要在标签本身上设置title属性ng-options是不可能的。我们需要标题的原因是因为IE现在,要查看我遇到的问题,请查看以下JSfiddle。http://jsfiddle.net/nstuart/nF7eJ/(HTML位)Any{{v.name}}{{params.value}}理想情况下,select会选择“test3”,但您会看到它被设置为一个空选项。我理解这是因为ng-model的值不存在于ng-options中,但那是因为我没有定义一个!关于如何让这样的东西工作有什么想法吗?甚至可能能够将标题添

javascript - Bootstrap 3 - 如何在点击时淡入警告框并在 3 秒后淡出

我正在使用AngularJS和Bootstrap3。我的网络应用程序有一个“更新”按钮,用于保存用户所做的任何更改。当用户单击“更新”按钮时,我想激活并淡入Bootstrap的警告框,提示“信息已保存”,然后在3秒后淡出。我不知道如何创建此功能,可能需要一些帮助..更新:我决定使用这种方法:HTMLUpdateJavaScript$scope.save=function(){$('#alert_placeholder').html('×Yourinformationhasbeenupdated.')setTimeout(function(){$("div.alert").r

javascript - 不能使用 Angular 本地存储

这是我的代码:angular.module('MyModule').controller('MyController',['$scope','$stateParams','$location','$http','LocalStorageModule',function($scope,$stateParams,$location,$http,localStorageService){localStorageService.add('test','val');]);有什么想法吗?我遇到异常-FF浏览器中的未知提供商localstorageserviceFirebug错误Error:[$in

javascript - 如何在 React 中使用 Bootstrap 工具提示?

我之前有工具提示,正在尝试将我的组件迁移到React。我还没有使用react-bootstrap,因为我不确定我是否会使用它,因为它仍在大力开发中,还不是1.0。这是我的渲染代码的片段:并调用它:我知道您必须调用工具提示函数才能显示它,我认为这就是我搞砸的地方。我目前正在尝试这样的事情:componentDidMount(){$(this.refs.test).tooltip();//this.refs.test.tooltip();?//$('[data-toggle="tooltip"]').tooltip();?}但是这些似乎都不起作用。工具提示未显示。

javascript - 如何在 Angular 2 中注入(inject) document.body

我想在showlist.component.html中添加一些文本。我的代码在下面给出,我不知道如何在Angular2中使用document.body。import{Component,OnInit}from'@angular/core';import{DOCUMENT}from'@angular/platform-browser';@Component({selector:'app-showlist',templateUrl:'./showlist.component.html',styleUrls:['./showlist.component.css']})exportclassS

javascript - Angular Material,Md-datepicker - 在输入点击时打开日期选择器

我想打开日历,用户不仅可以在用户点击日历图标时,还可以在点击输入字段时从日期选择器中选择日期。MaterialDatePicker.所以我为此创建指令,将其附加到也在看(click)输入事件:HTML:表单组件:import{ManualClickRerender}from'../shared/directives/manual-click.directive';@Component({selector:'form',providers:[ManualClickRerender]})exportclassFormComponentimplementsOnInit,OnChanges{.

javascript - jQuery UI 对话框 - 无法删除按钮

如何删除jquery对话框中的按钮?例如,我尝试使用正确的新选项重新调用.dialog,但对话框似乎不受影响。$('.selector').dialog('选项','按钮',{});不起作用,如果声明了实际的新按钮字符串和函数,它也不起作用。想法? 最佳答案 您传递的新按钮设置有误。选项应作为对象传递。这会起作用:varoptions={buttons:{}};$(selector).dialog('option',options);无需销毁和创建新对话框。当然,如果您愿意,您也可以用一组新的按钮替换按钮对象:varoptions=