草庐IT

UI-router

全部标签

javascript - 更改 jquery ui 进度条的值

我正在尝试更改进度条小部件的值以接受我得到的json字符串,类似于:{'totalDays':31,'daysTaken':20}所以我希望“totalDays”是进度条的总值(总长度)和“daysTaken”来填充进度条。根据默认文档,只有填充的值可以更改:$(document).ready(function(){$("#progressbar").progressbar({value:37});}); 最佳答案 有一个单独的方法来设置初始化后的值。varobj={totalDays:31,daysTaken:20};$("#pr

javascript - 在 angular-ui-bootstrap 轮播上设置事件幻灯片

我正在使用angular、bootstrap和一个名为“ui-bootstrap”的插件来制作轮播。我有一个缩略图列表,当单击其中一个时,会显示轮播中带有高清图像的模式,类似于您在亚马逊或其他网站上看到的内容。我试图将轮播中显示的第一张图片设置为用户点击的图片。我已经能够使用$index获取图像的索引,因为我在ng-repeat中,将它提供给模态Controller并毫无问题地显示轮播。但是第一张图片我的索引始终为0,即使我尝试设置我拥有的索引也是如此。这些是我尝试过的一些事情:$scope.SliderItems=items;//Thisonesetstheitemsinthesli

javascript - 使用 React Router 和 Redux Simple Router 的 onEnter Transitions 不要渲染新路由的组件

我有一个使用react@0.14、redux@3.05、react-router@1.0.3和redux-simple-router@2.0.2的应用程序。我正在尝试根据商店状态为我的一些路线配置onEnter转换。转换Hook成功触发并将新状态推送到我的商店,这会更改url。但是,在页面上呈现的实际组件是来自路由匹配的原始组件处理程序,而不是新url的新组件处理程序。这是我的routes.js文件的样子exportdefaultfunctionconfigRoutes(store){constauthTransition=functionauthTransition(location

javascript - 我应该为选项卡组件使用 react-router 吗?

我希望构建一个选项卡组件,其中一些选项卡将包含动态内容。我最初开始遵循本教程:CreatingatabscomponentwithReact在阅读了react-router之后,它似乎也可以解决这个问题。什么是更好的方法和/或它是否有所作为? 最佳答案 是的,这是ReactRouter的完美工作,因为它专注于简化单页应用程序的URL重定向过程。用于导航的选项卡的用例,绝对属于ReactRouter的范围。您可以为此使用ReactRouter3或4,但是ReactRouter4APIisonthehorizon文档看起来很棒。您可以在

javascript - 导航后设置 angular-ui-tinymce 编辑器内容

我正在使用angular-ui-tinymce(最新版本0.0.4,https://github.com/angular-ui/ui-tinymce/blob/master/src/tinymce.js)。我遇到了一个我无法解决的问题。在第一个页面加载时,内容通过ng-model加载到编辑器。然后我导航到另一个状态,然后导航回编辑器的状态。该值仍然存在于范围内(我已经检查过了)但是由于某种我无法理解的原因,内容没有出现在编辑器中..这是带有指令作为属性的文本区域:此更改发生在将AngularJS从1.5更新到1.2.1之后。我认为它与ngSanitize有关,但我不确定..顺便说一下,

javascript - React Router v4 - 切换组件时保持滚动位置

我有两个s使用react-router创建。/cards->纸牌游戏列表/cards/1->纸牌游戏#1的详细信息当用户点击“返回列表”时,我想将用户滚动到他在列表中的位置。我该怎么做? 最佳答案 工作示例在codesandboxReactRouterv4不提供开箱即用的滚动恢复支持,就目前而言,它们也不会。在ReactRouterV4-ScrollRestoration部分在他们的文档中,您可以阅读更多相关信息。因此,由每个开发人员编写逻辑来支持这一点,尽管我们确实有一些工具来实现这一点。element.scrollIntoVie

javascript - Kendo UI - 如何使用 javascript 添加和选择新选项卡(在 TabStrip 控件上)

我创建了一个函数,可以在我的KendoUITabStrip控件中打开一个新选项卡:functionAddTab(targetUrl,title){$("#tabstrip").data("kendoTabStrip").append({text:title,contentUrl:targetUrl});}这会将选项卡添加到末尾,但不会选择它。我怎样才能选择它成为事件标签!?是否需要在创建标签时设置一个id,然后调用select(..)函数,还是可以一行完成?我需要自动生成大量链接,每个链接都采用不同的标题和targetUrl。 最佳答案

javascript - semantic-ui modal size 一直延伸到页面的高度

我正在尝试实现一个基本模式,但它的大小一直扩展到页面的高度。触发代码:$('.ui.modal.apply-modal').modal('show');模态代码:ModalTitlefacebookCancelOK 最佳答案 事实证明Bootstrap包与Semantic-UI冲突我使用的包。简单地做:meteorremovetwbs:bootstrap事情解决了。诚然,这不是一个理想的解决方案,但无论如何我都不应该同时使用这两个框架。嗯,经过大约两个小时的调试.... 关于javasc

javascript - React-router 不显示组件

我目前正在学习react-router,然后尝试在示例应用中实现它。这是我的代码:index.htmlSampleAPP/src/app.jsxvarReact=require('react');varReactDOM=require('react-dom');varRoutes=require('./routes');ReactDOM.render(Routes,document.getElementById('main'));/src/routes.jsxvarReact=require('react');varRouter=require('react-router').Rout

javascript - 如何访问 reducer (redux-router)中的当前位置?

我如何使用reducer中的redux-router获取当前路径和当前位置的查询。我可以使用mapStateToProps在组件内部轻松获取路径名,但我想访问reducer中的当前路径。我正在使用redux-router1.0.0-beta7,react-router1.0.3。 最佳答案 1.way-通过redux-thunk传递带有特定action的路径名和getState()constsomeAction=data=>(dispatch,getState)=>{dispatch({type:'SOME_ACTION',path