草庐IT

view-model-pattern

全部标签

javascript - 使用 <compose view-model ="./my-element"> 和 <my-element> 有什么区别?有哪些场景比较适合?

在过去的四个月里,我和一个队友一直在Aurelia中构建应用程序,他和我一直在以这两种不同的方式创建和使用组件。我想保持一定的一致性并将所有内容更改为两种样式中的一种,但我不知道哪一种更适合或更适合我们的需求。我选择使用因为对我来说它感觉更干净并且适合我遇到的每一个需求,但如果使用自定义元素客观上更好,我想切换到那个。例如:(他的View模型:)import{bindable,bindingMode}from'aurelia-framework';exportclassHisWay{@bindable({defaultBindingMode:bindingMode.twoWay})da

javascript - 可以在自定义街景 View 中禁用 ScrollWheel 吗?

我正在构建一个网站,我有一个页面,该页面获取一个地址并使用它生成二维路线图样式的谷歌地图,然后在它旁边生成该地址的街景。我的问题是,这两个map几乎跨越了网站的整个宽度,用户在向下滚动页面时很可能将鼠标移到上面,并因无法进一步向下滚动而感到困惑(同时放大到map)。为2Dmap禁用此功能非常困难//workstodisablescrollwheelin2DmapvarmapOptions={zoom:12,center:latlng,scrollwheel:false,mapTypeId:google.maps.MapTypeId.ROADMAP};map=newgoogle.maps

javascript - 模型或 Backbone.js View 中的类私有(private)属性

是否可以在模型中拥有私有(private)属性?就像(构造函数)函数中的局部声明变量一样,不附加到this,而是局部声明并且仅由(构造函数)函数中定义的任何内容可见。没有BBView的示例:functionMyView(aModel){var$internalInput=$('');this.render:function($where){$internalInput.val(aModel.get('SomeProperty'));$where.append($('').append($internalInput));};this.toggleReadonly:function(){t

javascript - backbone.js model.set 不工作

这个问题不太可能帮助任何future的访问者;它只与一个小的地理区域、一个特定的时间点或一个非常狭窄的情况有关,这些情况并不普遍适用于互联网的全局受众。为了帮助使这个问题更广泛地适用,visitthehelpcenter.关闭9年前。社区在8个月前审查了是否重新打开此问题,然后将其关闭:原始关闭原因未解决我正在尝试使用backbone.jsmodel.set属性。第二个警报功能应该在执行todo1.set后触发。然而事实并非如此。这是jsfiddle链接:http://jsfiddle.net/SGEkn/varTodo=Backbone.Model.extend({defaults:

javascript - AngularJS:ng-model 到 dom 元素的后期绑定(bind)

我有一个网页,其中包含一些我无法编​​辑的HTML元素。我想动态地将ng-model属性附加到这些属性,并让AngularJS将它们重新绑定(bind)到范围。可以找到我想要完成的简化示例herefunctionMyCtrl($scope){$scope.myModel1="Hi";$scope.myModel2="there";varmyModel2=angular.element("#myModel2");//Thiswon'tworkmyModel2.attr("ng-model","myModel2");} 最佳答案 您需要

javascript - 我可以在 emberjs 中给 View 一个显示动画吗

这是一个使用emberjs路由器的例子http://jsbin.com/agameq/edit.现在我想在路线改变时有一些显示动画,如淡入淡出或淡入淡出。我该怎么办? 最佳答案 ember中的每个View都有一个名为didInsertElement的方法:CalledwhentheelementoftheviewhasbeeninsertedintotheDOM.Overridethisfunctiontodoanysetupthatrequiresanelementinthedocumentbody.所有的emberView也有一

javascript - 如何绑定(bind)到 Ember.js 中的 View 重新渲染?

我有一些jQuery代码需要在呈现View时运行。对于初始渲染,我可以轻松完成App.FooView=Ember.View.extend({didInsertElement:function(){console.log("theviewwasrendered");this.$().someStuff();}});但由于someStuff()方法正在操作View元素的属性,我需要在View因数据绑定(bind)而重新呈现时运行它,因为它会丢失自定义生成的属性. 最佳答案 如果你想在某个属性改变时重新渲染View,那么你想要的看起来像这

javascript - 您是从模型内部还是从其他地方初始化 Backbone View ?

您是从模型内部还是从其他地方初始化BackboneView?我正在尝试找出组织模型/View的最佳方式。让您的模型初始化View有意义吗?感谢您提供任何信息! 最佳答案 型号不,您的模型不会初始化任何其他MVVM对象。确保他们只负责定义他们将携带的数据,以及他们将如何保留这些数据。varCoolModel=Backbone.Model.extend({defaults:function(){return{coolness:'extreme',color:'red'};}};varmyModel=newCoolModel;查看您的Vi

javascript - FullCalendar - 更改移动设备的 View

使用FullCalendar插件-我正在尝试将移动设备的View更改为“basicDay”,但在台式机上我仍然希望View保持为“基本周”。我是JS新手,用JS和PHP尝试了各种不同的if/elseif语句,但我无法获取日历在移动设备上正确显示。您将在下面看到我的代码,我正在使用参数"windowResize"-效果很好!只有在调整窗口大小时,但是当从移动设备重新加载日历时,View仍然是“basicWeek”。我已经尝试过各种语句来解决这个问题,但没有成功,例如:if($(window).width()}else{}然后用PHP回显该值(显然不起作用),并用JS尝试了其他if/els

javascript - Grunt Watch 反复显示 "Warning: must provide pattern"

我在配置Grunt以查看我的项目文件、重建和更新连接服务器中托管的页面时遇到问题。如果我运行任何构建任务,然后将'watch'作为组合任务的一部分,那么'watch'似乎陷入循环,无休止地打印消息.Running"watch"taskWaiting...Warning:mustprovidepattern如果我只是运行$gruntwatch,它会很高兴地观察我的源文件并根据需要进行编译/构建。我认为相关的任务配置是这些:watch:{html:{files:['','',''],tasks:['html']},sass:{files:['sass/*.scss'],tasks:['st