草庐IT

view-model-pattern

全部标签

javascript - 如何防止 iOS 键盘使用 CSS 或 JS 将 View 推离屏幕

我有一个响应式网页,当您点击一个按钮时,它会打开一个模式。当模式打开时,它被设置为使用固定定位占据页面的整个宽度和高度。模式中还有一个输入字段。在iOS设备上,当输入字段获得焦点时,键盘会打开。然而,当它打开时,它实际上将整个文档向上推开,以至于我的页面的一半超出了视口(viewport)的顶部。我可以确认实际的html标签本身已经被推高以补偿键盘,并且它没有通过CSS或JavaScript发生。有没有人以前见过这种情况,如果有,有没有办法阻止它,或者在键盘打开后重新定位东西?这是一个问题,因为我需要用户能够在模式顶部看到内容,同时我想自动聚焦输入字段。 最

javascript - 在 Rails 中测试 JavaScript View

在Rails中测试JavaScriptView(测试页面是否明智地运行JavaScript)的最佳方法是什么?假设我有一个名为/users/new的页面,其中包含一个可以执行某些操作的表单。我想要它以便我提交表单,JavaScript测试工具将让我知道该页面是否中断。执行此操作的最佳方法是什么?我遇到了三个测试选项:Konacha(迄今为止JSBDD的最佳工具)http://www.solitr.com/blog/2012/04/konacha-tutorial-javascript-testing-with-rails/JasmineRice(Jasmine+Rails+Guard)

javascript - 将模型属性作为参数传递给 javascript 函数时 Razor View 中的语法错误

我在以下代码中的每个逗号(,)和最后一个括号())上遇到了一个语法错误:Filters.priceRangeInit(@Model.Min,@Model.Max,@Model.From,@Model.To);javascript函数在另一个文件中,如下所示:Filters={priceRangeInit:function(min,max,from,to){$('#price-range-slider').slider({min:min,max:max,step:50,values:[from,to],slide:function(event,ui){$('#left-price-ran

javascript - 相关的 Backbone.js View 应该相互引用,还是仅通过事件进行讨论?

我有一个为模型的Collection执行CRUD的应用程序。每个模型都有一个始终可见的DisplayView。还有一个EditView,只有在关联的DisplayView被点击时才可见。DisplayView和EditView出现在不同的父View中。现在我正在使用“事件聚合器”模式告诉我的应用程序在单击DisplayView时呈现EditView。此处描述的模式:http://lostechies.com/derickbailey/2011/07/19/references-routing-and-the-event-aggregator-coordinating-views-in-

javascript - VueJs 路由 View 转换

每次单击新链接时,我都试图在我的路由器View组件上创建一些转换。问题是只有一个淡入淡出动画会起作用。例如,它会淡出,但新页面会像往常一样立即出现。基本上我只能有一个enter-active-class或leave-active-class,但不能同时有。importNavBarfrom'./components/NavBar.vue';exportdefault{components:{navBar:NavBar}}@importurl('https://fonts.googleapis.com/css?family=Ek+Mukta');body{overflow:hidden;.

javascript - md-autocomplete ng-pattern ="..."不起作用

我对有疑问thisdemo中显示的组件:不起作用。我希望如果在Tax中输入一些文本字段(如zzz)该字段被标记为红色,因为正则表达式ng-pattern="/^[1-9]\d?$/"只接受数字[1..99].其实required工作正常:当字段为空时,它被触发为无效。 最佳答案 这似乎是AngularMaterial的一个错误。它显然已在1.1.4中修复:ng-patternformd-autocomplete#9755这是一个workingdemo.我所做的只是更新两个AngularMaterial库。https://cdnjs.

javascript - 更新嵌套 $scope 数组时,Angular.js View 不会更新

我试图在添加评论时让angular.jsView自行更新。我的代码如下:{{comment.user}}{{comment.message}}10minutesago范围在输入时更新:$('.addComment').keypress(function(e){if(e.which==10||e.which==13){$scope.currentItem.comments.push({"user":"user3","message":$(this).val()});console.debug("currentItem",$scope.currentItem);}});调试$scope.c

javascript - 如何使用 ng-model 显示输入元素的不同值?

在Controller中,如果有一个变量跟踪分页表的页面索引(从0开始):varpage{pageNumber:0;}问题:如何在html中显示此pageNumber变量,但始终递增+1?(因为index=0页面显然是第一页,因此应显示为Page1)此外,当模型更新时,输入中的值应该自动更改(同样:也增加+1)。 最佳答案 我认为这是$formatters和$parsers的用例。它们对模型的属性进行操作,无需在模型上创建虚拟属性。文档here.如果这不是$formatters和$parsers的用例,请纠正我。请看下面。HTML标

javascript - 使用默认的 JavaScriptSerializer 将 DateTime 绑定(bind)到挖空 View 模型

我刚开始使用knockout我在使用JavaScriptSerializer进行日期时间序列化和反序列化时遇到了麻烦。我更新了Steves中的礼物模型koListEditor他的博客中的示例包含一个ModifiedDateTime字段:publicclassGiftModel{publicstringTitle{get;set;}publicdoublePrice{get;set;}publicDateTimeModified{get;set;}}然后我更新了Index.aspx以包含新字段:GiftlisteditorYouhaveaskedfor gift(s)AddGi

javascript - Angular JS : get ng-model on ng-change

我有以下HTML这是由以下带有国家列表的对象提供的$scope.countries=[{name:Afeganistão,country:AF},{name:ÁfricadoSul,country:ZA},name:Albânia,country:AL},{name:Alemanha,country:DE},{name:Andorra,country:AD}...];当我更改下拉列表值时,我希望我的模型($scope.country)在filterByCountry函数内得到更新,但事实并非如此。我在这里缺少什么? 最佳答案 ng-