草庐IT

router-view

全部标签

javascript - 使用 Jest 和 Enzyme 测试 react-router v4

我有一个简单的应用程序,他们使用react-routerv4constApp=()=>(Home}/>Profile}/>Help}/>);和测试jest.dontMock('../App');importReactfrom'react';import{MemoryRouter}from'react-router-dom';import{shallow}from'enzyme';importAppfrom'../App';describe('',()=>{constwrapper=shallow();console.log(wrapper.html());it('rendersasta

javascript - 当 DIV 在 View 中时触发 JavaScript 事件

是否可以在页面上出现某个DIV时触发特定的JavaScript事件?例如,我有一个非常大的页面,例如2500x2500,我有一个40x40的div,它位于1980x1250的位置。div不一定是手动定位的,它可能是因为内容将它推到那里。现在,是否可以在用户滚动到div可见的位置时运行函数? 最佳答案 不是自动的。您必须捕捉滚动事件并通过比较div矩形与可见页面矩形的坐标来检查它是否每次都在View中。这是一个最小的例子。hellofunctionVisibilityMonitor(element,showfn,hidefn){var

javascript - Backbone : Use Model's Data and Functions in View

我是Backbone的新手,想知道如何从将模型作为依赖项注入(inject)的View访问模型的数据和函数。我的模型是这样的:countries.coffeedefine['underscore''backbone''parse'],(_,Backbone,Parse)->'usestrict';classCountriesModelextendsParse.Objectcountries:['GB','US','FR','JP','WL','ZM','NG']returnCode=(code)->returncode我的View是这样的:country.coffeedefine['j

javascript - React Router v4 嵌套匹配参数无法在根级别访问

测试用例https://codesandbox.io/s/rr00y9w2wm重现步骤点击Topics点击RenderingwithReact或转到https://rr00y9w2wm.codesandbox.io/topics/rendering预期行为match.params.topicId应该与父Topics组件相同应该与match.params.topicId相同在主题组件中访问时实际行为match.params.topicId在Topic组件中访问时是undefinedmatch.params.topicId在Topics组件中访问时呈现我从thisclosedissue了解

javascript - AngularJS ui-router $state.go ('^' ) 仅更改地址栏中的 URL,但不加载 Controller

我正在尝试使用angularjsui-router创建一个“TodoApp”。它有2列:第1列:待办事项列表第2列:Todo详细信息或Todo编辑表单在保存Todo后的编辑和创建Controller中,我想重新加载列表以显示适当的更改。问题:在创建或更新Todo时调用$state.go('^')后,浏览器中的URL变回/api/todo,但是ListCtrl未被执行,即$scope.search未被调用,因此Todo列表(包含更改的项目)未被检索,第2列中第一个Todo的详细信息也未显示(而是,它变成空白)。我什至尝试过$state.go('^',$stateParams,{reloa

javascript - 如何从 Backbone Marionette 的复合 View 中获取 subview ?

我正在开发一个基于Backbone和Marionette的应用程序。我正在使用复合View来显示一个表,现在我想一起更新多个subview,所以我想要它们的对象和模型。所以要访问它们我读了thismethod.我在复合View对象上尝试了它们,但没有一个方法有效并抛出错误消息CheckInOutCollectionView.findByIndexisnotafunction如何访问subview对象? 最佳答案 如果知道subview的索引:varchild=collectionView.children.findByIndex(0

c# - 在页面底部包含来自部分 View 的 JavaScript

假设我在局部View中有一个javascript幻灯片..._Slideshow.cshtml:@{ViewBag.Title="SlideShow";}$(function(){$('#slides').slides({//slideshowconfiguration...});});但我想成为一名优秀的小Web开发人员,并确保我的所有脚本都位于页面底部。所以我会让我的*_Layout.cshtml*页面看起来像这样:_Layout.cshtml:@ViewBag.Title@RenderBody但是呃哦!我现在该怎么办,因为我的幻灯片放映脚本最终超过了我的jQuery包含?!如果我

javascript - EmberJS 嵌套 View 和 Controller

我正在使用EmberJSv1.0.pre编写应用程序。我有一个ArrayController,其中包含所有人员的列表。有一堆嵌套View显示人、他们的宠物和每只宠物的注释。|----------------------------------------||John|从纯MVC的Angular来看,感觉每个child都应该有一个Controller,但我不知道如何在Ember中实现它。有最上面的ArrayController,然后是所有单独的View。如果我想删除或编辑笔记,似乎我需要将View的上下文传递给Controller​​。//intheviewclick:function(

javascript - react.js - 处理固定页眉和页脚的 React-router

我有React-router风格的React.js应用程序,我对我当前的路由处理有疑问。设计如下,普通移动布局,固定页眉和页脚,内容在中间:如果它们是静态的,我可以简单地创建这样的结构:但偶尔它们会随着页面的变化而变化,例如:标题和按钮文本按钮数量某些页面上没有页脚将它们放在ViewController中并每次使用RouteHandler重新渲染是否更好? 最佳答案 我不知道Ratchet的细节,但一般来说,在你的情况下,footer将它放在RouteHandler中确实更好,这样你就可以定义它的存在取决于您的喜好。对于页眉,我相信

javascript - AngularJS:在 View 内输入未绑定(bind)到预期范围

我在绑定(bind)来自View内部的输入时遇到问题。我以为它会绑定(bind)到Controller范围,但它似乎绑定(bind)到子范围,所以上面没有更新。如果其他项目在ng-repeat中,它们将像我预期的那样绑定(bind)(我不确定为什么)。举个例子:http://jsfiddle.net/hMpsB/1/如果输入不在ng-repeat内,将输入绑定(bind)到正确范围的最佳方法是什么? 最佳答案 在你的例子中,你会更幸运地将你的$scope.test绑定(bind)到一个对象而不是像这样的原始类型:$scope.tes