草庐IT

router-view

全部标签

javascript - Backbone.js 应用程序的顶层应该是什么?一个 View ,通用对象,?

我对应该在Backbone.js中直接实例化哪些代码感到困惑。我应该创建一个通用对象App来实例化我的View吗?我应该实例化一个AppView来实例化页面上的所有其他View并协调所有内容吗?我应该创建View、模型和集合并将它们附加到window吗?此外,Controller是否必要?到目前为止,我没有发现它们有任何用处,而且许多示例中都缺少它们。我是否应该像在其他语言的MVC框架中那样实例化一个Controller并让它创建其他对象?我的猜测是我可以自由地做我想做的事,但我更希望得到一些经常使用它的人的建议。 最佳答案 Con

javascript - ember.js 从另一个 View 更改 View

我有一个显示View,显示列表中的选定项目。然后,当我点击编辑按钮时,它会通过{{#ifisEditing}}显示编辑View当我单击列表中的另一个项目时,显示View会更改为新的选定项目,但仍处于isEditing状态。如何从另一个View更改一个View的isEditing状态?目前,我已使用将isEditing设置为false的FocusOut函数完成此操作,但我在此View中有2个文本字段,因此当我单击另一个文本字段时,它也会触发focusOut函数。这一定很简单,但似乎无法弄清楚! 最佳答案 好问题。我认为您需要做一些比简

javascript - 我应该如何延迟加载 Ext JS MVC Controller 、 View 、存储和模型?

我们使用ExtJSMVC作为插件/主机架构的前端技术,其中存在一个主机并且可以通过xcopy轻松安装许多插件。每个插件都有一个ExtJS应用程序,每个插件都会在页面加载时注册自己。整个应用程序是一个SinglePageApplication(SPA).我们现在遇到的主要问题是,我们安装了10多个插件,每个插件至少有10个Controller,以及50多个View、存储和模型。因此,当我们刷新页面(F5)时,我们应该等待将近30秒,以便大约200个HTTP请求到达服务器,并返回大约3MB的响应。虽然应用了缓存,但这根本不是我们想要的。甚至不是第一次。我想即使是外行也会接受这样的论点,即要

javascript - 父 View 上的 Angular UI 路由器动画

我有一个嵌套状态,如:.state('contacts',{url:'/contacts',views:{'':{templateURL:'views/contacts.html',contacts:'ContactsCtrl'}}}).state('contacts.view',{url:'/contacts/:name',views:{'':{templateURL:'views/contacts-details.html'}}});联系人.htmlThisisalistofcontacts(...)联系人-view.html{{contact.name}}我能够为contacts

javascript - $ionicLoading 与 Angular UI Router 解析

我正在尝试使用$ionicLoading与AngularUIRouterresolves.这个想法是,当请求新的路线/状态时,加载模式会在解析数据时出现,然后在解析完成并实例化新状态时消失。路由器.state('tab.locations',{url:'/locations',cache:false,views:{'locations-tab':{templateUrl:'js/locations/tab-locations.html',controller:'LocationsCtrlasvm'}},resolve:{locationsResource:'Locations',loc

javascript - AngularJS $timeout 在计算值之前不等待 UI-Router 完成渲染

我正在使用angularJS和requirejs通过angularAMD将一个复杂的应用程序连接在一起。我的一个状态有两个简单的View,如下所示:$stateProvider.state("common",{url:"/",views:{"view1":{templateUrl:"view1.tpl.html"},"view2":{templateUrl:"view2.tpl.html"}}});htmlView1有一个指令:.directive('checkViewOneBoxWidth',function($timeout){return{restrict:'A',link:fu

javascript - 加载 Angular View

每当我们加载.html文件时,它会以angular方式为某些Controller提供服务。angular是否进行ajax调用以检索该html。喜欢这段代码。.state('home',{url:'/',templateUrl:'/Modules/Signin/signin.html',controller:'SigninCtrl'})我的意思是在获取signin.html时询问是否进行了ajax调用?或者它们是否作为普通资源加载?如果进行了ajax调用,我在哪里可以找到有关它的文档。 最佳答案 当你的代码执行时,Angular首先在

javascript - React、Redux、React-Router - 卡在安装 material-ui 时

教程:但是由于我使用的是redux和react路由器,所以我无法真正将MuiThemeProvider放在链的顶部。包含此库的最佳方式是什么?这是我的ReactDOM.render函数:ReactDOM.render({devTools},document.getElementById('root'));这就是路由器:exportdefault(onLogout)=>(); 最佳答案 我是这样做的。我有一个index.js,我的package.json将其作为要启动的主文件(使用npmstart)。我在其中(为简洁起见删除了一些导入

javascript - React-Bootstrap/React-Router-Bootstrap 中 NavBar 品牌化的最佳实践

ReactBootstrap和ReactRouter中的anchor标记存在问题。我很好奇其他人是如何处理这种情况的。可以只留下带有href的anchor标记,例如SiteTitle并避免使用IndexLinkContainer.还有就是用MenuItem之类的。TitleName然而,这会在导航栏的最左侧留下一个丑陋的元素符号点。如果其他人对如何解决这个问题有任何想法,我将不胜感激。 最佳答案 这就是我所做的(使用来自react-router-bootstrap的LinkContainer):Sometext包含站点的名称和Log

javascript - React Router - 如何动态替换字符串中的参数

我在URL中有一组动态参数,例如用户区域设置,看起来像这样:/en/homepage在我的路由器配置JSON文件中,我有类似的内容:/:locale/homepage在ReactRouter中直接替换这些参数的最佳方法是什么?我想出了这个在我看来与标准或可移植解决方案相去甚远的解决方案:consturlTemplate='/:language/homepage';constmappedUrl=pathToRegexp.compile(urlTemplate);consturl=mappedUrl({'language':this.props.match.params.language}