草庐IT

Bootstrap-angular-ui

全部标签

javascript - 当没有编写 api 时,如何模拟 Angular2 中的 http observable

我是Angular2和Rxjs的新手,我对一个特定案例有点困惑。我有一个简单的服务:import{Injectable}from'@angular/core';import{Observable,Subject}from'rxjs/Rx';import{Http,Response}from'@angular/http';exportinterfaceArticle{id:number;title:string;content:string;author:string;}@Injectable()exportclassArticleService{private_articles$:Su

javascript - Bootstrap x 可编辑。以编程方式更改数据类型(删除 select2 数据类型)

我正在使用bootstrapx-editablehttps://vitalets.github.io/x-editable/index.html这是我的html代码:id}}"data-pk="{{$cat->id}}"data-type="select2"data-title="Favorllenarloscampos">javascript代码:$('.addon').editable({placement:'bottom',mode:'inline',showbuttons:false,source:categories,select2:{width:200},display:f

javascript - 工作人员在 Chrome 中阻塞 UI 线程

我正在构建一个Web应用程序,它使用EvaporateJS通过分段上传将大文件上传到AmazonS3。我注意到一个问题,每次启动新block时,浏览器都会卡住约2秒。我希望用户能够在上传过程中继续使用我的应用程序,这种卡住会带来糟糕的体验。我使用Chrome的时间轴查看导致此问题的原因,发现是SparkMD5的散列。因此,我将整个上传过程移到了一个Worker中,我认为这可以解决问题。这个问题现在已在Edge和Firefox中修复,但Chrome仍然存在完全相同的问题。这是我的时间轴的截图:如您所见,在卡住期间我的主线程基本上什么都不做,在此期间运行的JavaScript不到8毫秒。所

javascript - Vue Element.ui 树,发出重新加载事件

我在Vue上创建了一个SPA(类似于云盘),使用Element.uitree组件,以显示文件夹树。问题在于树本身并没有一次加载所有内容,而是在惰性修饰符的帮助下顺序加载。服务器部分是mongoose+mongoose-path-tree。mongoose-path-tree的使用意味着,接下来是数据库中的树存储方案:每个节点不知道其子节点,但子节点存储它们到根元素的完整路径:#root_id#subroot_id#...#parent_id#this_id问题是,如果用户对树进行了更改(加载文件、创建新文件夹等)并且服务器接受了它们,那么如何通知树它需要加载新数据。Elementui在

javascript - Angular 外部 js 库调用 Document.Ready

在我的.net核心aspAngular应用程序中使用第3方js库。该库在$(document).ready方法中应用它的逻辑。所以我遇到了一个问题,即库没有正确应用于Angular路由更改,因为$(document).ready方法没有触发。我在我的angular-cli脚本部分引用了外部js库。我打开了第3方js文件并向其中添加了一个方法,该方法调用了与他们在准备就绪的文档中调用的逻辑相同的逻辑。我只是在努力寻找一种方法来从我的Angulartypescript组件中调用该方法。我创建了一个简单的精简js文件来测试它并简化问题。我有以下Tester.js,它在我的脚本标记下的-ang

javascript - Twitter Bootstrap Datepicker 不会更新输入值

我有这段代码,但现在我卡住了:$('#datepicker').datepicker().on('changeDate',function(ev){//Somecode..});我希望每次选择新日期时更新输入字段的值。我希望该值是选定的日期。 最佳答案 $(document).ready(function(){vardp=$("#datepicker");dp.datepicker({format:'mm-dd-yyyy',});dp.on('changeDate',function(ev){dp.val(ev.target.val

javascript - 如何使用 TypeScript Controller 和 Angular Js 绑定(bind)数据

我正在玩TypeScript。我已经将我的angularjsController转换为TypeScript但我在ng-repeater中遇到问题。(我在下面附上了我的Controller代码:-classCustomCtrl{publiccustomer;publicticket;publicservices;publiccust_File;publicticket_file;publicservice_file;static$inject=['$scope','$http','$templateCache'];constructor(private$http,private$temp

javascript - 如何在没有 node.js/npm 的情况下在本地使用 Angular2、systemjs?

这是带有angular-alpha35的index.html:APPAng2Loading...System.import('app').catch(console.log.bind(console));如果有互联网连接并且可以加载system.js,它工作正常。如果我尝试像这样获取system.js的本地副本:在我将rx.js放入根文件夹并将这一行放在文件末尾之前,一切都不起作用:然后System.js工作正常,但在这种情况下,angular2绑定(bind)存在一个奇怪的问题。在我与页面进行一些交互之前,它们不会工作(提交表单、打开选择、使某些div更改其尺寸,即使使用简单的隐藏等

javascript - Angular 重定向到其他而不检测 View 但是当我点击后退按钮时它有效

更新下面的答案或评论都没有帮助,我希望有人能给我正确的答案。当我将这个url放在我的浏览器下方时-它会带我查看水果并且完美运行,http://localhost:53052/AppTest.aspx#/fruits但是当我转到我的主视图并单击按钮并尝试导航到'fruits'View时,它会将我重定向到http://localhost:53052/AppTest.aspx#/routeNotFound但是当我点击浏览器的后退按钮时,它会返回到水果View,然后如果我再次点击它就会返回到主页View。所以这是在TreeView中发生的事情,-->点击Homeview按钮(应该导航到frui

javascript - React-Router-Redux 和 React-Bootstrap

我已经和这个问题斗争了一段时间了!我想拥有始终带有Logo、导航的“主应用程序容器”...我想使用react-bootstrap来美化它。目前我遇到了问题,我的项目基于davezuko的“react-redux-starter-kit”我试着把我所有的Bootstrap和在提供程序内的Root容器中。一切都显示出来,看起来不错,但我的链接都不起作用,当我放置一个常规的react路由器时我会遇到同样的问题。我想,嗯,链接在路由调用的View中工作,所以我在之后将所有这些复制到路由中导出默认值(商店)=>(Babel、eslint和webpack允许编译,但是当我运行页面时,这些都没有显示