首页 > TAG信息列表 > angular-ui-router

Javascript-角度UI路由器多个嵌套和控制器数据

我正在尝试构建: 带有两个导航栏的页面,一个用于颜色,一个用于字母.单击颜色按钮将更改一个视图以表示该颜色.单击字母将使代表该字母的视图不同.第三个视图应同时具有颜色和文字知识.每当这些状态之一发生变化时,我也想触发警报. 我不想对颜色或字母进行硬编码.我想重复使用这些模

javascript-使用ionic / ui-routing解决诺言

我在弄清楚为什么我的诺言没有解决我期望的方式时遇到一些问题.我正在使用Ionic / ui路由. 我的服务: return { all: function () { $localForage.getItem('foo').then(function (bar) { return bar; }); } }; 当我将数据记录到控制台时,我看

javascript-AngularJS-如何从ui路由器引用子模块控制器?

我在Angular 1.3.9应用程序中拥有子模块有些挣扎.我在http://plnkr.co/edit/XBfTPAGRRe0CWJgjGJzc?p=preview处有一个(无法正常工作,很抱歉)预览,我认为这很奇怪,部分原因是我在使用Restangular. 我有以下几点: angular .module('estimate', ['ui.router', 'restangular', 'est

ng-click不触发,深入ui-views

我正在使用AngularJS和ui-router.我有一个子菜单,当他们单击其用户名时会打开一个子菜单,我想在其中退出菜单.这是一个具有ng-click的div,应将用户注销;但是,ng-click不会触发. 该位仅显示/隐藏子菜单 <div class="user-view-content" ng-init="showSubMenu = false" ng-click="sho

javascript-用相同的路线显示AngularJs动态模板

我是Angular Js的新手.最近,我正在使用route和templateUrl.这很简单.但是现在,我想做一些可能的事情. 我想显示具有相同路由的不同视图或模板,但要取决于从服务器获取的数据的属性.如果状态为A,则显示编辑模式;如果状态为B,则显示只读模式.除状态外,数据值相同.我正在模板中执行ng-i

javascript-ui-router Go创建双路径元素

我在有角度的Meteor项目中使用UI-Router. 当我在/ search路线中并想重新定位到/ search /:term(例如/ search / starwars)时,我在控制器中使用 $state.go( 'private.search.feed', { term: 'starwars' } ) 那么它在我的浏览器中的URL就会变成/ search / search / starwars,而不是/

javascript-如何使用UI-Router仅更新命名视图

我正在创建一个网络应用程序,以帮助学生学习科学,历史和数学.当您第一次登陆该网站时,我会有一个主页/登陆页面.当您单击“入门”时,我将转到/ exam / instructions.我的每个步骤均会说明,数学和科学处理我们加载到ui-view =“ exam-detail”中的模板.目前,当我通过科学导航和从指

AngularJS嵌套$state问题

$stateProvider.state('brands', { url: '/brands', controller: 'brandsController', templateUrl: 'views/brands/brands.html' }); 和 $stateProvider.state('brands.details', { url: '/d

javascript-如何将AngularJS 1.6升级到Angular 5

我已经阅读了Angular从1.x升级到版本5的官方文档.但是我无法实现ngUpgrade. 有人可以帮助解决此问题或帮助我继续吗? 旧项目在AngularJS 1.6中,我将ui-router用于路由机制. 以下是控制器的示例代码, heroController: myApp.controller("heroController", ["$scope", function ($s

javascript-带有UI-Bootstrap选项卡和UI-Router的Angularjs导航菜单

在this Plunker中,我无法使菜单链接和选项卡正常工作. 如您所见,我需要单击两次“ Route 1”以从选项卡Route2返回,此外,当我单击两次“ Route 2”菜单链接时,不会呈现选项卡的内容. 我认为这是重要的代码相关部分: myapp.config(function($stateProvider, $urlRouterProvider) {

javascript-角度ui路由和嵌套子状态下的多个视图

我有一个抽象的父状态,它基本上只包含具有ui视图的html模板.我有多个包含多个视图的子状态,每个子状态都有一个也包含多个视图的子状态.该行中的第一个子状态工作正常,但是当我尝试将子状态访问到子状态时,它崩溃了. 这是一些简化的代码(我在真实代码的页面上有几个组件.它的作用类

javascript-使用UI-Router防止后退按钮上的状态更改

我的应用程序中有一个页面编辑器,如果有未保存的更改,当他们尝试离开时,我希望它提示用户进行保存.我设法涵盖了有关窗口重新加载和链接的基础,但是似乎无法阻止UI-Router通过单击后退/前进按钮来进行状态更改. 我正在尝试通过$stateChangeStart事件来执行此操作,并且不确定如何停

javascript-Angular js / ui-router /限制用户手动导航到url(查看)

我花了整整一天的时间(业余程序员,而不是真正的程序员).我事先承认,问题在于我对角度的基本原理缺乏了解(以及与此相关的大多数编程工作).我对Web开发特别陌生,需要一些帮助. 无论如何,我有一个用于学习目的的模板,这就是全部.这是来自startangular.com的“ ani-theme”.我建立了一

javascript-Angular UI-Router-在模板网址上直接使用“解析”

我正在使用UI-Router,并希望将路由更改为“基于组件”.因此,我没有定义控制器/模板,而是想像这样使用它: .state('issue', { url: '/someUrl/:number', template: '<my-directive></my-directive>', resolve: { data: function(dataService) { re

javascript-角度-无法识别ui路由器状态

我正在开发Spring Angular JS Web应用程序.项目具有以下结构: app.state.js (function() { 'use strict'; angular .module('ftnApp') .config(stateConfig); stateConfig.$inject = ['$stateProvider']; function stateConfig($stateProvider) {

javascript-如何处理角度5递归未知确切数字路由器参数?

有没有一种方法可以处理递归未知的确切数量的路由器参数? 例如: 我们有产品类别,可以有子类别,子类别可以有自己的子类别,依此类推.有几个主要条件: >如果此类类别没有子类别,我们将重定向到/ categories / {id} / items,这将打开项目列表组件. >如果类别具有子类别,则应将其重定向到

javascript-如何使用ui-router将对象从1个$state发送到另一个$state

https://plnkr.co/edit/nqyBTcBgBimjkrpf2oYo?p=preview 预期 登录后,选择一个股票代码按钮,应使“标签”模块显示该股票代码的匹配标签. 结果 登录后,选择一个股票代号按钮将用标签$state对象替换索引用户界面中的整个应用程序. 应用程序的当前状态路径:->登录>容器>标签 证券交

javascript – 如何在角度ui-router状态下添加guid正则表达式

我有这条路 .state('mystate', { url: '/{id}', templateUrl: '/views/partial.html' }); id param应该是像这样的“2a542f61-5fff-4607-845d-972e6c3ad1e4”形式的guid. 我如何在网址“url:’/ {id:?我应该放在这里}}”中添加这个.解决方法:您可以定义自己的参数类型. var

javascript – ui路由器嵌套视图条件

是否可以在具有条件的ui路由器中创建嵌套视图? 条件分配给用户角色. 例如,我有两种类型的用户:admin和user.如果用户打开设置页面,则ui路由器仅添加此视图,该视图将分配给他的角色. 这是我的配置代码的示例 var app = angular.module('myApp', ['ui.router']); app.config(f

javascript – Webpack 2和Angular 1:导出和导入模块

希望得到一些澄清,为什么以下不能按预期工作,希望,这是我可能忽略的一些简单.没有Webpack,当前的实现可以按预期工作. 理想情况下,我希望保持当前的实现,我觉得注册组件/控制器/等应该在自己的文件中完成,只需指向相关模块.但如果这不是最佳做法,我也希望看到另一个建议. 文件root.

javascript – ANGULAR-UI-ROUTER:从URL解析状态

我正在创建一个具有动态状态的应用程序,有时我需要从URL解析状态名称. 例如:我有/ dashboard / user / 12268,我需要获得状态’dashboard.user’. 用ui-router提供的工具有没有办法做到这一点?我现在无法知道如何做到这一点…… 我正在使用requireJS进行动态模块加载的应用程序.第一

javascript – 加载所有翻译后启动Angular.js route-segment或ui-router

有没有办法,如何在translateProvider加载其翻译后启动ui-router或route-segment? 我正在使用pascal prechts翻译过滤器和绑定一次{{::}}表示法.在localhost上它工作得很好,但是当我在远程服务器上测试它时,绑定一次将比字符串翻译更快地删除观察者. 所以我想知道是否有一些方法如何

javascript – Angularjs ui-router没有到达子控制器

我有一个配置功能: function config($stateProvider,$locationProvider) { $locationProvider.html5Mode(true); $stateProvider .state('projectsWs.tasks', { url: "/tasks", views: { "mainView": {

javascript – Angular UI Router:根据父解析对象决定子状态模板

这是我的app.js文件 – 我有一个父州和两个子州.两个子视图都需要该对象. states.push({ name: 'parentstate', url: '/parent/:objId', abstract: true, templateUrl: 'views/parentview.html', controller: function() {}, res

javascript – AngularJS – UI路由器 – 以编程方式添加状态

有没有办法在模块配置后以编程方式将状态添加到$stateProvider,例如,服务? 要为这个问题添加更多上下文,我有一种情况可以采用两种方法: >尝试强制重新加载模块配置中定义的状态,问题是状态的reloadOnSearch设置为false,所以当我尝试$state.go(‘state.name’,{new:param},{reload :真