草庐IT

Angular-bootstrap

全部标签

javascript - Firefox 中的 Angular2 变化检测无限循环

我随机发现有一些触发器可以在Angular2应用程序的Firefox中导致无限变化检测循环。我在Plunker上复制了一个:http://plnkr.co/edit/VTS89eJkePLrJjuoDzOKScrollToFixed插件执行一些基本的dom操作并应用一些样式。但是,如果您滚动“主要”部分,然后滚动“侧边栏”部分,您会看到doCheck被无限调用。我还能够通过触发Googlemap中的标记开始动画来触发Firefox中的无限循环。无限循环不会出现在IE、Safari或Chrome中。我不确定这是Angular2还是Firefox的问题,但我找不到问题的根源。应用.tsim

javascript - jasny bootstrap offcanvas 不会在手机上滚动

我使用jasnybootstrap插件创建了一个侧边菜单。标记相当简单:whichmayhavenested-->问题是它在手机上不可滚动。当我尝试滚动它时,它根本不起作用。我试图使用带有网络检查器的iOS模拟器对其进行深入检查,并尝试绑定(bind)一些事件。我尝试将scroll事件绑定(bind)到.sidemenu但此事件从未触发。然后我尝试绑定(bind)touchstart事件并且它按预期工作。我想这意味着它确实可以识别我的触摸,但它只是无法识别滚动手势?知道为什么它不起作用吗? 最佳答案 尝试将data-placemen

javascript - 如何通过构造函数异步调用注入(inject)服务,Angular 2

这就是问题所在:我有一个在构造函数中发出HTTP请求的服务:constructor(publichttp:Http,publicgeolocation:Geolocation){this.http=http;this.geolocation=geolocation;//Httprequest...thiswillsetvariableforecastoftheclasswhencomplete.this.getForecast(16);}然后我将该服务注入(inject)到这样的组件中:constructor(publicconnector:ApiConnector){this.for

javascript - 使用 Angular js 更新 ng-repeat 中的数据

我在将数据更新到数据库时遇到问题。例如:在我的表中包含特定id的三行。因此,当编辑通过ng-repeat显示内容时。查看CIControllerpublicfunctionupdatePurchaseDetails(){$po_id=$this->uri->segment(4);$data=file_get_contents('php://input');$this->model->update_purchase_data($data,$data['count']);}型号publicfunctionupdate_purchase_data($data,$count){$count=$

javascript - Angular 1.x 迁移性能问题

我正在将一个巨大的angular1项目从1.3.x升级到1.6.x,因为我们需要最新版本中的一些补丁。更新后,整个应用程序似乎已显着变慢。我一直在查看迁移文档,但是否有任何可能导致严重减速的因素?任何会导致这种情况的错误代码或陷阱?我遇到的问题只是视觉变化,例如ng-show和ng-hide缓慢而紧张。这是升级前的CPU配置文件:这是升级后的CPU配置文件:谢谢!编辑:让我提供更多背景信息。我觉得这与摘要周期有关。例如,我有一个导航栏,其中一个图标将隐藏,另一个将在悬停时显示。这是Angular1.3中的样子这是Angular1.6中的样子我在更新后收到强制回流性能警告。这(重新计算样

javascript - 错误 : Could not resolve module @angular/core

我正在尝试运行angular4应用程序,但我一直收到此错误ERRORinCouldnotresolvemodule@angular/core没有其他错误。没有任何依赖错误。@angular/core存在于node_modules文件夹中。我已经尝试安装@angular/cli并且没有但对此错误没有影响。我不确定如何解决这个问题。它出现在我的amazonec2机器上,但不出现在我的本地Mac机器上。库的版本都是一样的。任何帮助将不胜感激。谢谢。 最佳答案 如果有人仍然面临这样的问题-您的package.json可能已损坏。请按照以下步

javascript - Angular - 如何在组件级别实现异常处理

在Angular(Angular4、5)内部工作时,如果组件引发错误(TypeError或null或未定义错误等),整个应用程序将继续中断。我们如何处理这个问题,以捕获组件级别的错误并可能显示后备UI,就像React16使用ErrorBoundaries一样. 最佳答案 我会通过在组件级别处理错误来处理它,并提供一个服务来监听在组件或服务级别发生的任何错误。例如:从服务抛出错误捕获组件中的错误处理错误,处理错误并将包含详细信息的错误事件发送到ErrorService。您可以拥有一个应用级组件“errorBannerComponent

javascript - 使用 Selectize 和 Ajax 时在 Bootstrap 模式中显示 Rails 错误消息

我正在尝试构建一个应用程序,允许用户分享艺术家对其他艺术家的名言。例如,鲍勃·迪伦(BobDylan)引用约翰·列侬(JohnLennon)的话。因此,我的艺术家模型的设置方式允许艺术家既是引述的演讲者又是引述的主题,并且每个引述都属于作为引述者或主题的每个艺术家。当使用Selectize触发模态时,我无法在Bootstrap模态中显示Rails错误消息。我按照thisdemo使模态正常工作.模态框用于创建一个新的Artist来自quotes/new表单,但我无法获得Artist的错误消息在Bootstrap模式或报价/新页面上显示的模型。当我尝试在模式中创建触发错误消息(例如vali

javascript - 对 Angular 列标题

我在html表格中有带有长文本的列标题,我想以45度Angular显示标题(类似于在Excel中可以完成的操作)。是否有一种标准的、跨浏览器的方法可以使用CSS或JavaScript来做到这一点?我开始玩css3please.com,但旋转似乎不起作用,至少在IE7中是这样。另外,另一个问题是CSS围绕元素的中心旋转,而我需要围绕左侧旋转边。任何指点将不胜感激! 最佳答案 演示:http://jsfiddle.net/wdm954/Z2HHu/1/-moz-transform:rotate(-45deg);-webkit-trans

javascript - 如何在可能已经有 Bootstrap 脚本的环境中加载它们?

我想在我的WordPress插件中使用来自Bootstrap的弹出窗口(及其工具提示依赖项)脚本。插件很可能会出现在已经有Bootstrap的环境中,我正在尝试确定如何以稳健的方式实现它。我可以尝试检查插件定义并动态加载脚本(如果它们不存在)(否则使用环境所具有的)。然而,时间安排似乎具有挑战性,因为其中一个脚本依赖于另一个脚本,并且加载同名插件并不能保证它是兼容的版本,甚至根本不能保证Bootstrap脚本。脚本似乎包含noConflict()功能,我可以尝试使用它来隐藏我自己的副本并在任何情况下忽略全局副本的存在。然而,我又一次不确定如何获得正确的机制,因为popover需要工具提