草庐IT

router-view

全部标签

javascript - backbone, javascript mvc - 使用 javascript 设计 View

我的一些View需要将它们的文本区域转换为富文本编辑器。我使用jwysiwyg作为编辑器。它要求它附加到的元素在编辑器初始化时在页面中,即当我调用$(this.el).wysiwyg()时,this.el已经在文档中。我的大多数View实际上并没有将自己附加到dom-它们的渲染方法只是使用应用程序模板引擎设置它们的元素html内容,例如$(this.el).html(this.template(内容)在实际将这些subview插入页面之后,链上的View/Controller会更上一层楼。同时,当模型发生变化时,View会重新呈现自己。如何确保编辑器在每次渲染时都附加到元素,并且仍然确

javascript - Bootstrap Material 设计无法在动态 Angular View 中正常工作

我将material-bootstrap脚本包含在我的Angular项目的index.html中,但它们需要手动重新包含在View中才能工作。这很奇怪,因为对于插入到Angular中的所有其他脚本来说,这不会发生。index.html我还注意到material-bootstrap不能很好地与Grunt和Bower配合使用,并且往往会在构建时自行删除(因此手册包含在页面底部)。这些是Material-boostrap和Angular/Bower/Grunt的已知错误还是我做错了什么?如果您还需要什么,请告诉我!编辑:bower.json中的依赖"dependencies":{"angul

javascript - Angular ui-router动态查询字符串定义

我们有一个搜索页面,我们有数千个可以由管理面板定义的搜索属性。一个特征搜索结果页面有这样一个url:http://example.com/search?a12=3213&a314=412412&a247=1941829&....当我们想通过使用angular-ui-router将该页面实现为AngularJS的SPA时,我无法理解,我们如何定义该路由配置以及我们如何读取所有搜索来自查询字符串的参数。因为ui-router强制定义路由配置中的每个查询参数可能性,以便在$stateParams中使用它们。$stateProvider.state('search',{url:'/search

javascript - angularjs 创建/导出 html View 为 pdf

我正在使用bootstrap创建模态窗口,在这个窗口中我有一些信息、一些表格和文本区域,是否可以从这个.html模态视图创建一个.pdf文件?我查看了FileSaver,但这只适用于下载表格,我想要的几乎就像模态窗口的打印屏幕。 最佳答案 使用html2canvas将html隐藏到Canvas中然后使用jsPdf转换为pdf。这是例子fiddle像这样DownloadPdfhtml2canvas($("#canvas"),{onrendered:function(canvas){varimgData=canvas.toDataURL

javascript - 初始 handsontable View 不会拉伸(stretch)到正确的宽度

我有一个handsontable对象(实际上是两个对象,都在Bootstrap模式中),它在页面构建后加载了数据。这是一个重复问题的jsfiddlehttps://jsfiddle.net/mtbdeano/w7dofbyy/即使使用stretchH:all选项,表格的大小也太窄了。单击内容后,它们会像变魔术一样调整到正确的列宽。我是否缺少一些初始化参数?加载新数据后如何将其调整为正确的宽度?/*thesetablesareinthemodal*/$('#keyword_table').handsontable({data:keyword_data,rowHeaders:true,co

javascript - 如何处理 redux 应用程序中 react-router 路由中的无效 ID?

我有呈现消息的路由/messages/:id。但是,如果id指向一个不存在的消息,应该在哪里以及如何处理它?我的组件使用redux绑定(bind)到消息:functionmapStateToProps(state,ownProps){return{message:state.messages[ownProps.params.id]}}然后message将是undefined以防不存在这样的消息并且组件必须处理它,并呈现不同的东西。但是,这似乎会使组件膨胀,我想也许这应该在路由器中处理?如果没有这样的消息,则不应允许调用该路由。有什么想法吗? 最佳答案

javascript - 在 react-router 中调用 getComponent 时如何显示正在加载的 UI?

我真的是React的新手,我不知道如何在使用getComponent加载路由时呈现“正在加载...”屏幕。getComponent调用工作正常并显示组件,但UI上没有指示请求和响应之间发生的任何事情。这就是我想要弄清楚的。importMainfrom'./pages/Main.jsx';importTestfrom'./pages/Test.jsx';importHomefrom'./pages/Home.jsx';varRoutes={path:"/",component:Main,indexRoute:{component:Home},childRoutes:[{path:"tes

javascript - React-Router Link,如何从另一个组件触发链接上的点击事件

我正在尝试设置一系列React-Router以在特定组件内进行导航。我已对其进行设置,因此链接标签可以正常工作,但我正在尝试将它们设置为如下所示:样式设置如下:PaymentsBillsCharge当前系列的链接看起来像这样(没有样式):option1option2option3HTML(顶部)是用HTML编写的,而不是JSX,但这不是问题所在。我正在尝试将链接组件组合到上面的HTML中,以便选项将触发链接标签的功能。在React文档中我发现了这个:Forcommunicationbetweentwocomponentsthatdon'thaveaparent-childrelatio

javascript - 如何在 webpack 中使用 angular ui-router?

我只是发布相关的代码,希望能帮助我解释情况。我设置了webpack,所有的Controller和指令都是分开工作的。但是,我不明白如何将angularui-router与webpack一起使用。我不明白如何将image-list.html链接到$stateProvider中的templateurl。我已经在app.js文件中导入模板,所以我不知道为什么模板没有显示在localhost中。每个模板的Controller都在它们的.js文件中定义。告诉ui-router首先打开image-list.html的正确方法是什么,一旦我这样做了,我如何在同一页面中从image-list.html

javascript - 通过在 react-router 的地址栏中输入它的地址直接访问路由器

有两种“主要”方式使用react-router(V4);第一种方法是使用哈希路由器,您可以通过在浏览器的地址栏中键入地址来直接访问该地址,但您必须在URL中添加#,另一种方法是使用BrowserRouter,它具有漂亮且用户友好的URL结构,但您不能t直接键入地址以呈现路线。如何将HashRouter配置为在没有#的情况下工作,或者将BrowserRouter配置为直接输入URL?.htaccess可以吗?怎么办?constReact=require('react');constReactDOM=require('react-dom');import{HashRouterasRoute