问题标签 [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 回答
519 浏览

javascript - 从 ng-swipe 事件模拟 ui-sref 的首选方法是什么?

滑动时状态更改: 我需要使用滑动事件触发状态更改。ui-router 文档引导他们,$state.go()但我不确定这是否是最好的方法?

问题:

使用ng-swipe事件如何触发$state.go()带有参数的?还是有更好的方法来解决这种情况?

我有一个名为:

理想li情况下,它看起来像这样(不必):

目前它看起来像这样:

我试过$state.go()但我无法让它与参数一起工作?

错误: 在此处输入图像描述

CTRL:

0 投票
1 回答
895 浏览

angularjs - How to work with ui-sref in Angular UI Router and NodeJS

I am at the url path http://localhost:3000/u#/ and I click on an href link to go to http://localhost:3000/u#/76457898/profile. I need this to happen without sending a request to server. But that only happens the second time I click on the href link.

The first time I click on it, I get myself redirected back to http://localhost:3000/u#/76457898. Only the second time I click on it the page is not redirected and I get only the users.profile state takes the <div ui-view><div>.

The http://localhost:3000/u#/ takes me to the same page as http://localhost:3000/u#/76457898.

HTML

AngularJS with Angular UI Router

Could somebody help me understand the reason behind why do I get the desired second only when I click the href link second time and how do I resolve this?

I am using NodeJS/ExpressJS on the server side.

0 投票
1 回答
3016 浏览

angularjs - 如何访问状态参数(ui-sref)而不将它们包含在angularjs中状态的URL属性中

这个问题可能与此类似,但要求不同。由于我无法发表评论(需要 50 分),我正在复制这个问题。

我想简单地访问从控制器内部模板中的 ui-sref 发送的参数,而不在状态 URL 中提及它们。

类似于使用下面的链接使用 foo 和 bar 参数将状态转换为 home :

在控制器中接收 foo 和 bar 值:

我在控制器中未定义 $stateParam。

有人可以帮助我了解如何完成它吗?我也想获得 bar 而不将其添加到 URL

0 投票
2 回答
4012 浏览

angularjs - angular ui.router ui-sref 替换 url 字符 - 美化

我正在寻找一种可能性来替换 ui-sref 中的字符,尊重目标的 URL。

URL 现在看起来像:

我想去掉 %20(也直接在 ui-sref="" 中生成)并用减号 (-) 替换它们。

任何想法如何做到这一点?

问候, 马库斯

0 投票
2 回答
8431 浏览

angularjs - 使用 ui-sref 进行站点导航,不可用时如何删除 ui-sref 属性

我使用 ng-repeat 设置导航如下,效果很好

但是,我的导航项经常有子链接,这意味着父链接并不是真正的导航链接,它只是用于展开和查看子链接。但有时它是一个链接,没有要显示的子链接。

问题是对于那些特殊情况,当没有可用的状态时,我需要一起删除 ui-sref,因为根本不应该有链接。有它会抛出'错误:无效的状态参考'''

当状态不可用时如何删除 ui-sref?

0 投票
1 回答
1119 浏览

angularjs - ui-sref-active 不影响父元素

希望不是重复的,但我发现的所有其他答案都与州有关。

这可行,但我也希望父母<li>也受到影响。

因此,如果我正确理解了文档,我应该能够做到这一点,但它不起作用:

我误解了文档吗?

0 投票
2 回答
1361 浏览

angularjs - 导航在浏览器中有效,但在 Ionic View iphone 应用程序中无效

我有一个选项卡式应用程序,它以ionic start myApp tabs. 我一直在编辑它,并添加了一个名为count.html共享DashCtrl控制器的页面。我在 Dash 选项卡中链接到它,当我在计算机上的 Chrome 中进行测试时它工作正常,但是当我使用 Ionic Viewer 时,它无法导航;它只是停留在 Dash Tab 页面上,就好像什么都不应该发生一样。

如何修复设备的导航?

制表符.html

计数.html

应用程序.js

0 投票
1 回答
754 浏览

angular-ui-router - 在 ui-sref 链接上保存状态参数

情况

有 2 个子状态使用相同的参数:

现在,有2个链接:

问题

当我从状态 A 移动到状态 B 时,参数 ID 变为空。

问题

从一种状态移动到另一种状态时,如何保留 ID 参数?

0 投票
2 回答
219 浏览

angular-ui-router - ui-sref 不产生正确的带参数的href

我正在尝试使用 ui-router 更改状态并将 GUID 参数传递给我的控制器。我使用剑道(不同的语法)进行这项工作,所以我知道我的目标是什么。我一生都无法弄清楚这笔交易是什么。我进行了广泛的搜索,我相信我有正确的 ui-sref 语法。这里是:

在渲染视图中生成此输出(注意缺少 id):

这是我的状态:

当我将 ID 硬编码到 ui-sref 中时,它会按预期工作并为标签生成正确的 href。像这样:

硬编码的 ID 标签在渲染视图中产生这个输出(正如我所期望的那样):

所以,我的问题是:我在这里错过了什么吗?我真的相信这应该可行,因为我已经成功地使用剑道模板进行了不同的路线。

以防万一,这是有效的剑道模板代码:

我已经尝试将引号更改为 Kendo 示例中的两倍,删除引号,从 Id 表达式中删除 {{ }}。没有喜悦。

感谢您的任何帮助。

0 投票
1 回答
83 浏览

angularjs - 模块不工作

你好,星期五我创建了一个新项目,我创建了一个新的演示页面

查看我在 plunker 中的编码,我已经在 plunker 中创建了所有代码

链接在这里

问题是我已经为 header.html 创建了一个演示页面检查

如果我点击关于而不是显示此错误

你能看看我的代码并告诉我我的代码哪里写错了吗?

请帮我