草庐IT

javascript - Ember.js 中按钮的绑定(bind)启用状态

我刚开始接触Ember.js,我遇到了一些我确信我不理解的事情。我有一个选定的对象Controller。它有内容,是一个Ember.Object,是当前选择的模型。该模型有一个属性(isDirty),基本上我希望我的表单上的保存按钮仅在对象变脏且需要保存时才启用。我已经很好地绑定(bind)了表单,但是保存按钮上的isEnabledBinding属性要么没有做任何事情,要么我没有正确连接绑定(bind)。我准备了一个jsfiddle来演示我的基本设置。http://jsfiddle.net/blargity/fqc73/1/如何让按钮仅在isDirty为真时启用?如果所选对象Contr

javascript - 相同的 url ('/' )根据 AngularJS 中的登录状态使用不同的模板

我想知道最佳实践,如何在AngularJS中设置路由和模板以向访问者显示不同的前端和登录区域,然后显示仪表板以在相同的基本url上登录用户('/').这两个页​​面在结构上完全不同,需要的资源也不同。为网站的两个部分设置两个不同的应用程序是否更好,但我将如何管理这两个部分之间的session?还是制作一个body标签之间没有任何内容的“空”布局,然后将不同的模板加载到其中,并为前端部分和仪表板部分制作单独的路由更好?我正在寻找类似于Facebook登录的方式。登录后留在根域。我整个下午都在谷歌上搜索和搜索SO,但找不到任何相关指南。非常欢迎您提出通常如何在AngularJS中进行这种分

javascript - 在基于 Strophe.js 的聊天应用程序中处理状态

是否有任何现有解决方案可以为基于Strophe.js的聊天应用程序提供状态处理?我有一个基于Strophe.js的简单聊天应用程序。我只想显示在线并动态更改列表的用户。我想知道是否有任何现有的解决方案(可能是Strophe插件)可以处理这个问题。如果没有这样的东西,实现它的最好/最简单的方法是什么? 最佳答案 通过使用Strophe,您只需向您的服务器发送IQ请求您的名单,如下所示:iq=$iq({type:'get'}).c('query',{xmlns:'jabber:iq:roster'});App.connection.se

javascript - jQuery 检测 Bootstrap 3 状态

在Bootstrap3中,有4种状态;超小型设备、小型设备、中型设备和大型设备。我怎么知道网站当前使用jQuery处于哪个状态?这样我就可以像在超小型设备中那样做一些处理,然后运行这个函数。谢谢。 最佳答案 按照@Khurshid的回答(效果很好),我编写了一个原生JavaScript实现,它是significantlyfaster:functionfindBootstrapEnvironment(){varenvs=["xs","sm","md","lg"],doc=window.document,temp=doc.createE

javascript - d3.js 保存状态

我使用D3.js以交互式和动态的方式可视化几个数据集。用户可以通过加载组合附加数据和View来浏览所有图表并检索数据的各个View。我希望用户能够通过mail、facebook等方式分享他们在数据中发现的宝藏,但在某种程度上,新用户访问共享的“快照”可能会移动关于探索数据。所以我需要保持动态网页的当前状态能够快速加载和显示此状态。绑定(bind)用户快照时刻已经绑定(bind)的所有事件作为一个尽可能简单的例子(会有各种图表和很多事件),想象一下有一个简单的d3线图和graph.selectAll("path").on('mouseover',function(d){$.get("aj

javascript - Angular 2路由器全局状态更改事件

有一个全局事件,我们可以在状态更改/启动时使用,而不是每个组件,不像ComponentLifecycleHooks?就像在UI路由器中一样:$rootScope.$on("$stateChangeStart",function(){}) 最佳答案 这取决于您想要实现的目标,但是可以在您的顶级组件中注入(inject)Router并向其注入(inject).subscribe()以获取流州。我用它来构建根据当前状态更改浏览器标题的功能。也就是说,您可以将其视为等同于Angular1中的$stateChangeSuccess和$stat

javascript - 如何将 redux 状态传递给子路由?

我很难理解如何将redux与react-router一起使用。索引.js[...]//MapReduxstatetocomponentpropsfunctionmapStateToProps(state){return{cards:state.cards};}//ConnectedComponent:letReduxApp=connect(mapStateToProps)(App);constroutes=;ReactDOM.render({routes},document.getElementById('root'));App.jsimportReact,{Component}fro

javascript - toastr 没有出现在 ui-router 子状态中

下面是我的父/子状态和呈现我的Angular应用程序的index.html文件的示例。子状态中没有出现toastr消息,不知道为什么。该依赖项按预期包含在每个Controller中。config.js(function(){'usestrict'varapp=angular.module('core');app.config(AppRouter);AppRouter.$inject=['$stateProvider','$urlRouterProvider'];functionAppRouter($stateProvider,$urlRouterProvider){$urlRouter

javascript - 在 beforeEach 期间将 vuex 模块状态传递给 vue-router

我将VueJS与vuex和vue-router结合使用。我有一个vuex模块正在对其商店进行修改,并尝试使用它来确定用户是否已通过身份验证。这是我的代码在相关部分的样子。ma​​in.jsimportVuefrom'vue'importAppfrom'./App.vue'importstorefrom'./store'importrouterfrom'./router'router.beforeEach((to,from,next)=>{console.log(router.app)//printsaVue$2objectconsole.log(router.app.$store)//

javascript - TypeScript 相当于 React 无状态组件中的 rest/spread Prop

我正在尝试添加以下函数,取自bootstrap-reactdocumentation,到我的TypeScript+React项目:functionFieldGroup({id,label,help,...props}){return({label}{help&&{help}});}但是,我目前的实现是:interfaceFieldGroupPropsextendsReact.HTMLAttributes{id?:string;label?:string;help?:string;}classFieldGroupextendsReact.Component{publicrender():