问题标签 [ui-sref]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1385 浏览

angularjs - AngularJS ui 路由器参数

所以我在 Ionic 中制作了一个应用程序,它包含来自在线管理站点的一些基本动态文本。我已经设法通过 json 将这些数据输入到应用程序中,现在我想在我的应用程序中创建动态链接(或状态)。问题是我有一些物质的清单,每种物质都包含不同的信息。所以现在我有一个这些物质的列表,当我点击一个特定的物质时,我需要它进入一个不同的状态,这将显示这个特定物质的所有信息。

这是我到目前为止的代码:

数据库:

应用程序.js

控制器.js

})

物质.html

0 投票
1 回答
612 浏览

javascript - AngularJs ui-router ui-sref 不使用参数从嵌套状态生成href

我是 Angular 的新手(也是一个有抱负的初级开发人员),我无法让 ui-router 的 ui-sref 生成一个 href。

代码不是很漂亮,但它可以在没有 .state('names.new') 的情况下工作。我从 .state('names') 到 .state('names.medals') 很好。一切都通过 express/mongo 顺利检索和填充。

目标是使用 ui-sref 创建一个锚标记,将用户定向到“/#/names/:names/new”,这是一个简单的 form.html 页面。

(注意:这个构建很大程度上基于 CodeSchool 的教程/repo 这里:https ://github.com/codeschool/OlympicsMEAN 。)

这是我的状态:

这是我的控制器:

作为参考,这个 .json 对象是从 .state('names') 的已解析 GET 请求返回的。

返回对象:

这是我的模板:

/views/namesNav.html :

/views/namesName.html :

我希望我已经提供了解决这个问题所需的一切。

即使在阅读了大量 Angular 的文档和演练之后,我认为我对 $scope、控制器以及属性/服务如何从一个状态传递到另一个状态和/或从父/祖父状态继承有一个根本的误解。

如果您有可以帮助我成长的资源(文章、课程、视频、教程、项目、书籍),我将不胜感激。

非常感谢你的帮忙!

0 投票
1 回答
60 浏览

angularjs - Angularjs:url中的ui-sref状态更改未显示子菜单

在 angularjs 中显示/隐藏动态子菜单,我在 js 文件中添加和删除动态类。每次当 url 状态改变时(即 ui-sref={{mymenu.url}})子菜单是不可见的。如果没有状态改变子菜单工作正常。任何人都可以请建议。

html

JS

0 投票
2 回答
57 浏览

angularjs - ui-sref 的优缺点是什么?

我开始使用 Angular 处理一个遗留项目1.5,它同时使用hrefui-sref.

我真的不明白使用后者的意义,尤其是对于顶级菜单。

例子

菜单.html

app.route.js

问题

您能否提供一些有用的优缺点ui-sref和场景?

0 投票
1 回答
115 浏览

angularjs - 奇怪的 ui-sref 行为:旧参数仍然保留在 URL 虽然试图改变

这是我的状态定义:

当我点击这些时,

它按我的预期工作,它调用我定义并从 reportController 调用的服务工厂函数,并从 REST 服务获取数据并显示它。网址是http://.../#/app/reports?param1=param1

点击这个后,

它不工作。我的“工厂”函数没有被调用,没有任何 REST 调用,所以数据不会改变。不知何故,网址是http://.../#/app/reports?param1=param1¶m2=param2

这很奇怪吗?

编辑:你可以在这里看到它,http ://plnkr.co/edit/wmfgqY9hCmIj9Bk39NaP?p=preview

0 投票
2 回答
67 浏览

angularjs - 想从我的 angularjs 应用程序中删除 #

想从我的 angularjs 应用程序中删除 # 我试过 $locationProvider,但没有运气

这是我的配置:

我正在使用 ui-sref 调用 URL:

浏览器中的 URL 如下所示:

0 投票
1 回答
40 浏览

angularjs - ui-router 上的可选参数问题

这是我的路线:

这是一个带有两个参数的链接:

这是一个只有一个参数的链接:

具有一个参数的链接有效,否则具有两个参数的另一个链接无效,当我单击它时出现此错误:

http://localhost:5000/api/pages/[object%20Object] 401(未授权)

注意:

*我试过:壁球,可选参数([:param]),正则表达式..但没有任何效果

*我正在使用 Angular 1.3.6,ui-router 0.2.11

0 投票
2 回答
699 浏览

angularjs - 是否可以在没有 ui-sref 的情况下使用 ui-sref-active?

我有这个模板

我要求用户不能通过单击 url 在这些状态之间导航,他应该使用特定模板中的按钮在状态之间导航。

我想知道如何在ui-sref-active没有ui-sref指令的情况下使用?

0 投票
3 回答
1214 浏览

javascript - 如何在嵌套的 Angular UI 路由器中使用 ui-sref?

研究和应用这些技术是一项繁重的工作,但我无法解决这个问题。我的应用程序具有三个顶级导航,分别是家庭、体育和国家。

导航如下所示:
HTML 如下所示,位于 index.html 中

在sports.html 中,还有其他三个导航不起作用(它们甚至不可点击)。

角度看起来像

基本上,当用户打开应用程序时,顶部应该有 Home、Sports 和 Country 的菜单栏。当用户点击“运动”时,该页面中应该会显示另一个视图/另一个子导航,显示足球、举重和游泳。但是,这些子导航不可点击且无法正常工作。

如果您能帮助我找出问题所在,将不胜感激。

0 投票
1 回答
1541 浏览

angularjs - 无法从状态“家”解析“___”

为什么我会收到此错误?state.js 文件很简单

模板页面存在于指定路径和控制器中。在其他页面中,我有一个带有 ui-sref="concludi" 的按钮,但是当我按下它时,我收到了这个错误