问题标签 [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.
javascript - $stateParams 将值转换为字符串
我正在使用UI-Router
. 这是我要通过的状态之一ui-sref
:
在我进入“社区”状态的模板之一中:
这是我的社区对象:
如您所见,键“community_id”包含一个 int 值而不是字符串值。但是,当我通过访问此参数时,$stateParams
我得到:
为什么我得到一个字符串?
angularjs - 具有多个可选参数的 Angular UI 路由器
我有如下状态路线:
一般来说,医院页面包含所有类别的所有医院和所有提供者(医院)组。此外,从主页我们可以使用类别或提供商导航到医院页面,这将分别根据类别和提供商组显示医院。对于这些,我使用锚标记内的以下指令进行导航。
因此,这在使用 providerName 导航时引入了一个脏斜线。
类别很好。
进入医院页面后,我可以使用 category 或 providerName 进行搜索并获取医院列表。我正在考虑修改这些搜索中的 url(对同一页面使用 ui-sref),因为显示与搜索匹配的 url 是有意义的。我在这里遇到了麻烦。搜索是一种常见的搜索,可以匹配 providerName 或类别,甚至是文本。在这种情况下,我该如何导航或如何使用 s-ref。我可以不使用 ui-sref 而只是去 api 或获取数据并更新很容易实现的结果。但是,我更喜欢 url 的更改,因为它显示了我们正在寻找的内容。
所以,现在我知道我提供的状态路线不合适。
请向我提供如何做到这一点的方法。
我正在考虑为此添加另一个称为“搜索”的状态,这是有道理的。但是这个的 templateUrl 是一样的。请建议我是否在正确的方向。
javascript - Angular UI-router - 尽管 $stateParams 获取对象但不填充参数
我使用角度和角度路由器-ui。我想使用动态 url 参数。
这就是我使用它的方式:
我使用以下调用调用路由:
它确实执行了解析,并且 $stateParams 获得了一个带有 domainId 的对象。尽管如此,它并没有进入控制器。URL/:domainId 也没有改变。
如果我在浏览器中将 URL 更改为指向 URL/RANDOM_DOMAIN_ID (其中 RANDOM_ID 是 domainId 有效数字),它将执行解析并转到控制器。
我在 $state.go 通话中遗漏了什么吗?
javascript - 当我点击它们时,ui-sref 不起作用
我有一个 html 文件
和一个js文件
现在每当我点击状态。它更新网址。这意味着它正在执行,但不会更新视图。我一直在挠头,但似乎无法弄清楚问题所在。
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'
但没有成功。
有任何想法吗?
angularjs - 将解析提供者从子状态注入到控制器
所以我试图id
从 url 参数中提取一些。
这是我的状态:
控制器
但是每当我尝试访问 url 时,/parent/child-profile/123abc
我都会收到错误Unknown provider: someId
See error here。.
我该如何解决?谢谢。
编辑
Jay Shukla提供的答案帮助我得到了这个想法。
这parameter
是undefined
因为我在实际调用包含来自其 url 的值的子状态之前在父状态上声明了控制器。这是我在 Jay Shukla 的帮助下想出的一个简单解决方案。
我controller
从父状态中删除了声明并将其移至子状态。因为在我的情况下,父状态的模板只包含一个<div ui-view></div>
.
这个想法是:
只有状态是嵌套的,但两个 html 是分开的,因此控制器模型不会被继承 - Jay Shukla
每个状态都可以有自己的控制器。
请添加/编辑更多以改进此问题。
javascript - 使用 angular-ui-routers ui-sref 进入参数化状态的子状态
不清楚的问题,我知道,但让我解释一下。我有以下结构:
其中 item 是您提供 id 以查看特定项目的状态,然后 general 是该项目下的选项卡。现在我想使用 ui-sref 转到具有特定 id 的项目的一般状态。如果我只是想去那个项目,我会这样做:
但我不想去项目,但一般的状态。我试过做这样的事情
但这没有用。
有没有办法实现我正在尝试的东西?使用 ui-sref 进入父状态具有 Id 参数的子状态。
angularjs - AngularJS ui-router:ui-sref 链接在填写 href 值时没有预先添加哈希值
我的 ui-router 状态提供程序设置如下:
我从events.listEvents
状态开始,所以我的 URL 如下所示:
我在该页面上有一个链接,如下所示:
当我只是正常单击链接时,它可以正常工作并将我路由到带有 URL 的页面:
但是当我尝试在新选项卡中打开相同的链接时(或者当我右键单击并复制“href”链接地址时),这是不正确的:
那么问题来了:为什么ui-sref填错了href值?为什么它在生成的 URL 中完全缺少#哈希?(是的,我已经尝试启用/禁用 $locationProvider.html5mode 并且对此没有任何影响。)
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 输出中的其他值一起使用。请帮我解决这个问题。
javascript - 文本框值消失
我有带有以下标签的请求页面。
我在文本框“示例文本”中输入一些内容
如果我单击克隆项目,它将重定向到 clone.html 和内容
如果我点击返回,它会显示请求页面,但文本框会被清除。
我在 app.js 中添加了以下内容
但我不确定如何使用 sref 维护状态以及如何传递参数。