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

javascript - $stateParams 将值转换为字符串

我正在使用UI-Router. 这是我要通过的状态之一ui-sref

在我进入“社区”状态的模板之一中:

这是我的社区对象:

如您所见,键“community_id”包含一个 int 值而不是字符串值。但是,当我通过访问此参数时,$stateParams我得到:

为什么我得到一个字符串?

0 投票
1 回答
1350 浏览

angularjs - 具有多个可选参数的 Angular UI 路由器

我有如下状态路线:

一般来说,医院页面包含所有类别的所有医院和所有提供者(医院)组。此外,从主页我们可以使用类别或提供商导航到医院页面,这将分别根据类别和提供商组显示医院。对于这些,我使用锚标记内的以下指令进行导航。

因此,这在使用 providerName 导航时引入了一个脏斜线。

类别很好。

进入医院页面后,我可以使用 category 或 providerName 进行搜索并获取医院列表。我正在考虑修改这些搜索中的 url(对同一页面使用 ui-sref),因为显示与搜索匹配的 url 是有意义的。我在这里遇到了麻烦。搜索是一种常见的搜索,可以匹配 providerName 或类别,甚至是文本。在这种情况下,我该如何导航或如何使用 s-ref。我可以不使用 ui-sref 而只是去 api 或获取数据并更新很容易实现的结果。但是,我更喜欢 url 的更改,因为它显示了我们正在寻找的内容。

所以,现在我知道我提供的状态路线不合适。

请向我提供如何做到这一点的方法。

我正在考虑为此添加另一个称为“搜索”的状态,这是有道理的。但是这个的 templateUrl 是一样的。请建议我是否在正确的方向。

0 投票
1 回答
126 浏览

javascript - Angular UI-router - 尽管 $stateParams 获取对象但不填充参数

我使用角度和角度路由器-ui。我想使用动态 url 参数。

这就是我使用它的方式:

我使用以下调用调用路由:

确实执行了解析,并且 $stateParams 获得了一个带有 domainId 的对象。尽管如此,它并没有进入控制器。URL/:domainId 也没有改变。

如果我在浏览器中将 URL 更改为指向 URL/RANDOM_DOMAIN_ID (其中 RANDOM_ID 是 domainId 有效数字),它将执行解析并转到控制器

我在 $state.go 通话中遗漏了什么吗?

0 投票
1 回答
1451 浏览

javascript - 当我点击它们时,ui-sref 不起作用

我有一个 html 文件

和一个js文件

现在每当我点击状态。它更新网址。这意味着它正在执行,但不会更新视图。我一直在挠头,但似乎无法弄清楚问题所在。

0 投票
1 回答
384 浏览

javascript - 在 .po 翻译文件中使用 ui-sref 获取 angular-gettext

每个人。这是我的问题。

我使用angular-gettext进行翻译,在我的 HTML 中我得到了

在我的 en-EN.po 文件中,我有:

我设法使用<strong></strong>翻译版本中的 html 标签并且它可以工作,但是角度 ui-sref 重定向不起作用。浏览器中的结果是<a>here</a>

我想这是某种引号问题或什么的。我尝试使用反斜杠转义和单引号ui-sref=\"app.link.to.go\"&ui-sref='app.link.to.go'但没有成功。

有任何想法吗?

0 投票
1 回答
215 浏览

angularjs - 将解析提供者从子状态注入到控制器

所以我试图id从 url 参数中提取一些。

这是我的状态:

控制器

但是每当我尝试访问 url 时,/parent/child-profile/123abc我都会收到错误Unknown provider: someId See error here。.

我该如何解决?谢谢。

编辑

Jay Shukla提供的答案帮助我得到了这个想法。

parameterundefined因为我在实际调用包含来自其 url 的值的子状态之前在父状态上声明了控制器。这是我在 Jay Shukla 的帮助下想出的一个简单解决方案。

controller从父状态中删除了声明并将其移至子状态。因为在我的情况下,父状态的模板只包含一个<div ui-view></div>.

这个想法是:

只有状态是嵌套的,但两个 html 是分开的,因此控制器模型不会被继承 - Jay Shukla

每个状态都可以有自己的控制器。

请添加/编辑更多以改进此问题。

0 投票
0 回答
303 浏览

javascript - 使用 angular-ui-routers ui-sref 进入参数化状态的子状态

不清楚的问题,我知道,但让我解释一下。我有以下结构:

其中 item 是您提供 id 以查看特定项目的状态,然后 general 是该项目下的选项卡。现在我想使用 ui-sref 转到具有特定 id 的项目的一般状态。如果我只是想去那个项目,我会这样做:

但我不想去项目,但一般的状态。我试过做这样的事情

但这没有用。

有没有办法实现我正在尝试的东西?使用 ui-sref 进入父状态具有 Id 参数的子状态。

0 投票
1 回答
1805 浏览

angularjs - AngularJS ui-router:ui-sref 链接在填写 href 值时没有预先添加哈希值

我的 ui-router 状态提供程序设置如下:


我从events.listEvents状态开始,所以我的 URL 如下所示:

我在该页面上有一个链接,如下所示:

当我只是正常单击链接时,它可以正常工作并将我路由到带有 URL 的页面:

但是当我尝试在新选项卡中打开相同的链接时(或者当我右键单击并复制“href”链接地址时),这是不正确的:



那么问题来了:为什么ui-sref填错了href值?为什么它在生成的 URL 中完全缺少#哈希?(是的,我已经尝试启用/禁用 $locationProvider.html5mode 并且对此没有任何影响。)

0 投票
2 回答
776 浏览

angularjs - Angular.js UI-ROUTER:ui-sref 没有在 href 参数中添加井号标签 (#)

我有一个问题。我UI-ROUTER在我的应用程序中使用 Angular.js。我在下面解释我的代码。

上面的 li 标签在输出下面生成

由于我尚未在 href 参数中删除 hash(#) 标记#<a ui-sref="product.eVouchers.dashboard" href="#/product/eVoucher/dashboard">Dashboard</a>因此只有当我试图通过右键单击在新选项卡中打开同一页面时,该页面才会出现。

我在下面解释我的路线文件。

在这里,我需要将#标签作为 href 参数与生成的 html 输出中的其他值一起使用。请帮我解决这个问题。

0 投票
0 回答
51 浏览

javascript - 文本框值消失

我有带有以下标签的请求页面。

我在文本框“示例文本”中输入一些内容

如果我单击克隆项目,它将重定向到 clone.html 和内容

如果我点击返回,它会显示请求页面,但文本框会被清除。

我在 app.js 中添加了以下内容

但我不确定如何使用 sref 维护状态以及如何传递参数。