angular-ui-router相关内容

Angular UI 路由器 - 使用 ui-sref 导航到动态状态时会出现双斜杠

我正在创建一个 CMS 系统,因此我希望动态创建状态.由于您无法在配置阶段发出 http 请求,我决定在 .run() 函数中添加我的路由,如下所述:http://blog.brunoscopelliti.com/how-to-defer-route-definition-in-an-angularjs-web-app 现在,当我使用 ui-sref 指令在导航部分中显示链接列表时,附加的 ..
发布时间:2022-01-21 16:54:40 前端开发

Angular 2 - 将 URL 匹配到路由

是否可以获取 URL 或路径并在代码隐藏中找出它匹配的路由? 例如:Router.matchRoute('my/route') 返回有关匹配路由的信息,例如: {路径:'我的/路线',组件:英雄列表组件,data: { title: '英雄榜' }} 基本上,我要做的是判断我当前 URL/路径的路由是否与被导航到的路由匹配. 解决方案 如果你想获取当前 URL 并根据它在组件代码 ..
发布时间:2022-01-21 16:54:06 其他开发

大量使用事件以使控制器在复杂的 Angular 应用程序中保持同步的优点/缺点

谁能给我一些关于大量使用事件来保持 Angular 应用程序的不同部分彼此同步的利弊的建议? 我正在考虑使用 Angular 的 ui-router.SPA 的布局可能类似于 gmail,其中有逻辑上独立的屏幕区域(左侧区域包含邮件文件夹列表、顶部导航栏、主要详细信息视图等). 我一直在寻找使所有控制器与它们都需要同时访问的模型保持同步的方法.当顶视图更新模型时,如果该模型的某些部分显 ..
发布时间:2022-01-21 16:53:54 其他开发

如何使用 AngularJS、Devise 和 UI Router 全局实现身份验证?

我对 Angular 很陌生,所以这可能是一个新手问题. 我正在尝试实现一个简单的任务管理器(只是一个练习),其中 Rails 作为后端,Angular 作为前端.到目前为止,我遵循了一个教程,一切正常. 现在我想全局实现身份验证.这意味着:当用户没有注册和登录时,她应该看到一个启动页面或登录页面. 我不想在每个 Angular 控制器中都这样做,因为 DRY.所以我认为 UI ..

AngularJS:打开 html5mode(true) 时,相对链接路径被破坏

我一直在搜索,我找到了解决这个问题的“解决方案",但我仍然无法让它正常工作. 情景: 我正在使用 UI 路由器构建一个 Angular(1.2 版)网站,并在 localhost 的节点服务器上运行它.我试图通过 $locationProvider 并打开 html5(true) 使其具有“漂亮"的 url.我的网站在单击时工作正常,但是当我尝试导航到相对链接路径或刷新链接路径时,页面 ..

从控制器中调用 angularjs ui-router 状态

我使用 angularjs ui-router 在应用中建立各种状态.虽然我知道我可以从 html 中的链接(通过 ui-sref)进入状态,但是否可以从控制器内进入状态? 下面的代码片段是一个简单的 angularjs 应用程序,可以帮助说明我的观点. 在下面的例子中,我有两种状态: 有一个名为 home 的状态,它是一个简单的表单,包含一个文本输入字段和一个调用控制器中的搜索 ..
发布时间:2022-01-21 16:53:12 其他开发

ui-router 为谷歌分析获取状态变化的当前路径

我正在尝试获取状态路径以发送到谷歌分析.有一些问题.我正在使用抽象状态,所以使用类似 toState.url 的东西不会起作用,因为它不会抓取整个 url. 我曾想过在 $stateChangeSuccess 上使用 $window.location.pathname,但结果是在浏览器中更新 url 之前成功触发.这意味着页面浏览量发送 1 个页面浏览量为时已晚.即. 点击一下:什么都不发 ..
发布时间:2022-01-21 16:53:03 其他开发

Kendo UI 指令要求 jQuery 在 AngularJS 之前可用,并且在带有 Html5mode 的路由模板中使用 Kendo 网格

为什么在带有 Kendo 网格的角度路由模板中在 Jquery 之前加载剑道. 我已经订购了脚本,同时通过角度路由模板单击任何事件在控制台中出现此错误. 注意:在页面刷新时,脚本加载正常,应用运行正常,没有报错. 仅发生在事件路由中.剑道在 jquery 之前加载为什么. 订单脚本: ..
发布时间:2022-01-21 16:52:30 其他开发

除了将它们注入控制器之外,还有其他方法可以访问已解决的状态依赖项吗?

我需要从服务或指令访问已解析的数据,以便在整个应用程序中执行一些常规操作. 我似乎能够访问已解析数据的唯一方法是将其注入控制器. 这是我设置的测试数据: 解析:{测试:函数(){console.log("正在解决");返回 5+2;}} 我在我的控制器中尝试过这个只是为了看看会发生什么,但它不起作用: $injector.invoke(function(test) {consol ..
发布时间:2022-01-21 16:52:21 其他开发

在angularjs中如何装饰$stateProvider Provider?

这种类型的装饰器适用于服务和工厂.我希望它也能与供应商合作.我尝试了以下方法来装饰 ui-router 的 $stateProvider: app.config(function($provide) {$provide.decorator('$state', function ($delegate) {返回$代表;});}); 这是一个演示插件 解决方案 应该也一样吧?见 plunk ..
发布时间:2022-01-21 16:52:11 其他开发

如何将 $stateParams 从 ui-router 传递给解析服务?

我有一个检索单个帖子的路由和一个查询我的 API 的服务.但是我需要将参数从 URL 传递给服务,以便我可以正确调用 API.我不知道该怎么做. 这是我到目前为止所想出的.我省略了似乎与这个问题无关的内容. 感谢您的帮助! 路由 myModule.config(['$stateProvider','$urlRouterProvider','$locationProvider', ..

将 AngularFire 与 Angular ui-router 一起使用时如何启用路由安全性?

是否可以使用AngularFire routeSecurity 模块使用 angular UI-ROUTER 而不是标准的 ng-route 提供程序?是否有可以与 ui-router 一起使用的 routeSecurity 版本? 解决方案 @mattvv 给了我这个 gist 当我在有角度的 irc 频道中谈论他的时候.所以基本上你只需要替换 angularfire 目录中的 rout ..
发布时间:2022-01-21 16:51:57 其他开发

Internet Explorer 9 无法解析 Angular UI-Router

我有一个 Angular v1.3 应用程序,它使用 Angular ui-router v0.2.13 进行所有路由.该网站适用于所有浏览器,包括 IE 10 和 IE 11,但不是 IE 9(我们决定不使用 IE8,我知道 v1.3 不支持它).尽管我尽了最大的努力,IE 9 仍不断解析我的 $stateProvider's otherwise 路由(设置为 /*path,这可能是罪魁祸首,所 ..
发布时间:2022-01-21 16:51:30 其他开发

AngularUI路由器:在调用子状态时将url参数传递给“抽象"状态

我想在调用子状态时访问抽象状态中的 url 参数($stateParam).我很想知道如何做到这一点.plunker 中的代码 $stateProvider.state('联系人', {摘要:真实,//我的重点是在这里获取 id=1 :(url: '/联系人/:id',模板网址:函数($stateParams){console.log("我在这里得到孩子的参数了吗?" + $stateParam ..

Angular ui.router,从子控制器调用父控制器函数?

我将 Angular 与 ui.router 一起使用,并设置了一个嵌套视图.父视图有一个 div,我可以通过父控制器上的功能切换其可见性.我想从嵌套视图的子控制器调用这个函数.我该怎么做? 解决方案 http://plnkr.co/edit/zw5WJVhr7OKqACoJhDZw?p=preview JS 角度.module("myApp", []).controller("父 ..

在Angular2中订阅router.events.subscribe时如何从Route或ActivatedRoute获取数据?

每当路由发生变化时,我都会尝试从路由器获取数据,但我没有成功.这里我设置了 asdf 属性 @NgModule({引导程序:[AppComponent],声明:[应用组件,登录组件,仪表板组件,概述组件,],进口:[浏览器模块,表单模块,RouterModule.forRoot([{路径:'',pathMatch:'完整',redirectTo:''},{组件:登录组件,路径:'登录'},{孩子 ..
发布时间:2022-01-21 16:50:34 其他开发