草庐IT

Angular-ui-bootstrap

全部标签

javascript - Angular 2.如何检测组件当前是否在视口(viewport)中

我想检测组件位置。当前在视口(viewport)中,如果是,则运行触发器,该触发器统计此特定组件上的动画。我找不到任何“有Angular”的方式来做到这一点。示例应用程序(主要组件)每个div都是应用程序的一个单独组件:wwaarrasfSomething...rq所以...我想检测组件5何时在视口(viewport)中(出现在屏幕上)并开始为该组件设置动画。有什么想法吗?谢谢 最佳答案 您可以使用ng-in-viewport插件。HTML:Something...组件:action(event:any){if(event.valu

javascript - 如何推送到 Angular 4 中的数组 Observable?接收脚本

我的服务类有一个属性:articles:Observable;它由使用标准http.get().map()解决方案的getArticles()函数填充。如何手动将新文章推送到这个数组中;一个尚未持久化因此不是httpget的一部分?我的场景是,您创建了一篇新文章,在保存之前我希望Article[]数组将这个新文章推送到它,以便它显示在我的文章列表中。此外,此服务在2个组件之间共享,如果组件A使用ngOnInit()消费服务并将结果绑定(bind)到重复部分*ngFor,更新组件B的服务数组是否会同时更新组件A的ngFor部分中的结果?还是我必须手动更新View?非常感谢,西蒙

javascript - Django 表单 - django-bootstrap-datepicker-plus 不呈现日期选择器

我在尝试渲染时遇到一些不便django-bootstrap-datepicker-plus小部件根据thisanswer.一切正常,但Datepicker没有出现。我的Django版本是1.10.7,我使用的第三方应用是:DjangoBootstrap3(pipinstalldjango-bootstrap3)DjangoBootstrapDatepickerPlus(pipinstalldjango-bootstrap-datepicker-plus)这是我的forms.py,我覆盖了DateInput类以根据我的需要对其进行自定义。fromdjangoimportformsfrom

javascript - 表行悬停的 Bootstrap 弹出窗口 : Not possible to click link inside popover

我有表格行,我在TwitterBootstrap弹出窗口中显示其他信息。我参与交互设计时的一些注意事项:悬停行时必须显示弹出窗口弹出窗口将包含1个或多个链接现在,链接部分是最难的部分。如果将鼠标从表格行移到弹出窗口(包含链接),弹出窗口将消失!我正在用这段代码创建弹出窗口:varoptions={placement:'bottom',trigger:'hover',html:true};$(this).popover()--假定包含链接的相关html已生成并放入data-content属性注意这个{placement:'bottom'}。为了能够将鼠标移动到弹出窗口,我尝试了{plac

javascript - Angular : dynamic stylesheet link tag fires request too soon

我面临的问题与Conditionally-renderingcssinhtmlhead中描述的问题类似(但不完全相同,请耐心等待)我还“懒惰地”加载样式表,从我在Controller最开始初始化的范围变量中获取文件名:当我使用ng-href(这里是data-形式)时,我确实避免了不需要的请求,例如:http://localhost/css/%7B%7B%20filename%7D%7D.css但这一切仍然太快了,我几乎每次都得到这个:http://localhost/css/.css这似乎意味着请求在Angular删除自己的标记和它用正确的值替换它的那一刻之间触发(它这样做,片刻之后,

javascript - 扩展 jQuery UI 小部件 - 覆盖父事件?

我正在尝试扩展jQueryUIAutocomplete小部件。在我的自定义小部件中,我需要能够覆盖select事件,同时理想情况下还允许小部件的用户也将他们自己的处理程序附加到该事件。这是我尝试之一的jsfiddle:http://jsfiddle.net/nN46R/我的第一次尝试(在jsfiddle中)是绑定(bind)到_create中的事件:$.widget("custom.myautocomplete",$.ui.autocomplete,{_create:function(){this._super("_create");//Doesn'tworkthis.element.

javascript - Angular UI 路由器 : decide child state template on the basis of parent resolved object

这是我的app.js文件-我有一个母国和两个子国。两个subview都需要该对象。states.push({name:'parentstate',url:'/parent/:objId',abstract:true,templateUrl:'views/parentview.html',controller:function(){},resolve:{obj:function(OBJ,$stateParams){returnOBJ.get($stateParams.objId);}}});我想使用这个已解析的对象来决定子模板states.push({name:'parentstate.

javascript - 响应类型为 text/plain 的 Angular 资源总是生成一个字符串数组

我将接收来自休息服务的记录计数的资源设为纯文本。Angular将答案中的每个字符组成一个数组。例如,如果rest回答20,angular将生成数组[2,0]。我可以在不转换响应或使用$http的情况下修复它吗?varresource=angular.module('resource');resource.factory('RecordResource',['$resource',function($resource){return$resource('/rest/records/:id',{},{count:{method:'GET',url:"/rest/records/count"

javascript - Angular 需要重新加载页面才能显示 fb 共享按钮

我正在尝试启动并运行facebooks共享插件。我遇到的问题是我必须重新加载页面才能真正显示共享按钮。如果我通过链接或url导航到页面,facebook共享按钮将不会显示,我必须重新加载页面,然后按钮才会显示。我正在使用angular,所以我想使用一个指令,但到目前为止我的努力还没有成功。这里是我的模板中的指令这是我的指令。angular.module('App').directive('fbShare',function(){functioncreateHTML(href,layout){return'';}return{restrict:'A',scope:{},link:func

javascript - "window.angular is undefined."使用 Protractor 进行自动化测试时?

我在使用Protractor提供的示例conf.js时似乎出错了。我正在使用grunt-protractor-runner运行测试,但即使使用提供的示例配置也会出错。我的Gruntfile.js看起来像这样:/*globalmodule:false*/module.exports=function(grunt){//Projectconfiguration.grunt.initConfig({protractor:{options:{configFile:"smoketest.conf.js",//DefaultconfigfilekeepAlive:false,//Iffalse,t