问题标签 [angularjs-routing]
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.
angularjs - 带有 angulars UI-Router 的文件下载链接
我正在尝试在我的 angularJS 应用程序中创建一个指向已上传文件的简单链接。我生成链接没有问题,因为这很简单。然而,我遇到的问题是,我拥有的路由系统拦截了链接并尝试在 Angular 内加载它,这当然会失败并且只是返回到默认路由。当然,这并不是我想要的行为。我的链接是使用生成的
我也试过
但显然这不会改变结果链接。生成的 HTML 是
哪个是对的。但现在,当我点击链接的那一刻,我就被带回了我的默认路线。我该怎么做才能阻止 ui-router 尝试处理此链接?
json - 根据当前 URL 路由过滤 JSON 数据
问题
我正在尝试根据页面的当前 URL 过滤 json 数据并仅在 Angular 页面上显示其中的一部分。
详细地
我有一个包含 100 个 JSON 对象的列表,每个对象看起来像这样:
'type' 属性是我想要用来过滤掉我的数据子集的。考虑到这一点,我尝试设置我的 URL 结构以将此处的 type 属性与我的 url 联系起来。这是我的路线:
所以,我已经将路径指向我的 JSON 中的“类型”字段,并尝试编写一个控制器将两者联系在一起。
这是我的部分模板:
<div class="nav_outer"><img class="nav_img" ng-src="{{person.photo_small}}" ng-alt="{{person.name}}" /></div>
我希望这会显示我所在的 URL 类型的所有匹配图像。因此,如果我在“/100_Ages/nav/3”上,我希望显示类型为“3”的对象的所有图像(大约 10 张图片)。但是,它只显示类型为“3”的最后一个对象。
所以,我尝试了ng-repeat
这样的:
我希望循环显示所有匹配的图像,但这根本没有显示出来。
我认为我的问题与 . angular.forEach
,但我不确定如何将我的 JSON 类型与页面的 typeid 联系起来。
感谢您的任何建议。
angularjs - AngularJS 嵌套路由示例问题
任何解释为什么 angular-ui-router ( https://github.com/angular-ui/ui-router ) 的示例代码 (ui-router/sample/index.html ) 看起来像这样。具体来说:
- 为什么像控制器这样的对象的嵌套定义?
为什么这样的依赖规范:
angular.module('sample', ['ui.compat']) .config( ['$stateProvider', '$routeProvider', '$urlRouterProvider', function ($stateProvider, $routeProvider, $urlRouterProvider) {
谢谢
angularjs - AngularJS 嵌套路由
我正在处理一个相当简单的 AngularJS 项目,其中包含一些深层路由嵌套以从嵌套数据结构中进行选择:
这在路径中最多有 5 层,对于我的目的来说应该足够了,所以现在已经足够了。但是,底层数据可以嵌套任意深度,这将需要任意路由。
我认为理想的情况是一条路线,上面写着“路径的所有其余部分都转到任何参数数组”,但看起来在 AngularJS 中没有办法做类似的事情。只是为了完整起见,有没有人知道这样做的方法?
angularjs - angularjs,使路由器适用于相同的 url 但具有不同数量的 GET 参数
是否有可能告诉 angularjs 路由配置忽略获取参数,就像我们有一个带有 url 项目列表的页面:site.com/request/list,路由器工作正常但是当我们添加排序/过滤时,我们必须显示相同页面,但路由器因 url 失败,如 site.com/request/list/sort/quantity/order/desc 或 site.com/request/list/sort/quantity?
谢谢。
angularjs - ng-repeat中的angularjs ui-router动态ng-view
我对angularjs很陌生
我在 ng-repeat 中动态生成 ui-view 名称有问题
http://plnkr.co/edit/vQjqYCB6mR34MS3coc1H?p=preview
是否可以在 ng-repeat 中生成 ui-view 名称,然后如何配置要打开details.item.html
的路由ui-view="item{{itemId}}"
?
angularjs - 在angularjs中为多个控制器路由?
我正在尝试构建一个视图 - 我已经设置了两个控制器来练习,一个是 HeaderCtrl,其中包含一些数据(站点标题、标题背景等),另一个应该具有页面的主要内容 - MainCtrl。
定义路线时,我这样做:
这工作得很好,但我想要的是为此指定多个参数,如下所示:
这不起作用,所以我猜这不是这样做的方法。我实际上要问的是-您可以在 $routeProvider 中指定多个控制器吗?或者构建这个视图的正确方法是什么?
angularjs - 在 AngularJS 中使用 $routeProvider 而不指定模板和 ng-view
我只想使用 Angular 的路由功能来绑定视图和控制器,而不指示模板和 ng-view。
这是我到目前为止所拥有的,并且运行良好。
JavaScript
HTML
这是我想要的,但不起作用
JavaScript
HTML
我怎样才能做到这一点?
html - Angularjs - 存储 JSON 数据以供离线使用的单页应用程序
我正在考虑将 AngularJS 用于即将到来的项目,但我很难理解视图/路由,特别是对于只有一页的应用程序。
该页面由一个表单或向导组成,但是我希望在初始页面加载时加载所有数据(并存储在本地存储中)。这也适用于表单元素 - 不能向服务器发出额外的请求,例如 HTML 模板(表单末尾的提交操作除外)。该应用程序将离线使用,因此单个页面需要缓存所有必需的信息并处理 UI 转换而无需重新加载。
AngularJS 是否适合这样的应用程序?如果是这样,我如何在没有额外请求的情况下完成更改视图所需的路由 - ng-view 和 routeProvider 可以在单个 html 页面中使用 div 吗?这是 ui-routes 的情况吗?
javascript - 是否可以定义一个解析对象并使其在所有路由中可用?
我有一个用户可以访问应用程序的不同部分。我现在正在做的是为每个 $routeProvider.when 添加一个解析
在每个控制器中,我都添加了“ hasSiteAccess
”和“ hasEmailAccess
”,如下所示:
我的应用程序分为许多模块,我想让这些模块全部可用以显示友好的消息。
是否可以使此解析对象在所有路由和控制器中可用?
谢谢!