问题标签 [angular-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.
javascript - Angular UI 路由器 - 处于继承状态的视图
编辑:根据@actor2019 的回答,我想更新我的问题以更好地解释问题:
使用Angular UI-Router (v0.0.2),我设置了应用程序以在主“页面”/状态之间正确导航,同时继承基本状态。
索引.html:
base.html:
问题在 app.js 文件中。当我将views
参数添加到base
状态时,一切都停止工作(100% 空白页)。如果没有该参数,页面将正确呈现,但我没有搜索视图。
应用程序.js:
如何将视图添加到此父“基本”状态?
更新:
@actor2019 的答案的问题是当search
状态改变时视图会被重新初始化。我希望基本级别的视图能够通过状态更改持续存在。
javascript - AngularJS 路由初学者
我正在尝试在我的 AngularJS 书籍 PDF 中重现路由示例。无法使其正常工作,我复制/粘贴了书中的代码以避免语法错误......但我不明白出了什么问题。
当我加载时,http://127.0.0.1:8080/routes/
我应该看到“index.html”的内容和 list.html“inside”的内容。
但我只看到一个带有“A-Mail”的空白页面(index.html 的内容)
我已经使用 chrome 调试工具设置了一些断点,似乎我进入了routeProviderwhen('/routes/')
的“ ”部分,但从未进入ListController函数......我在控制台日志中没有错误
控制器.js
索引.html
详细信息.html
列表.html
谢谢
angularjs - Angular 处理电子邮件确认路由的最佳方式
我正在尝试找出定义用户将在收到的确认电子邮件中单击的路线的最佳方式。
我已经定义了这样的路径。
需要发生的是:
- 对 api 资源进行 $http 调用,将代码记录为被点击并确认电子邮件地址
- 让用户同时登录 api 和前端
- 确认用户的电子邮件后,将用户返回到设置过程的下一步。
- 如果代码是伪造的并且 $http 调用返回 false,则将它们重定向到注册页面。
由于这条路线不需要模板,我无法确定在哪里放置代码来执行此操作。如果我只定义了一个控制器,它永远不会被实例化,直到我还定义了一个模板??
例如这有效
但是一旦我template
在模板中删除甚至返回一个空字符串,控制器就不起作用。必须有正确的方法来做到这一点,而这感觉不像。
谁能给我指点?我正在使用 v1.1.2。谢谢!
angularjs - AngularJS:如何重新加载路由并重新运行 $routeProvider 解析?
我让用户选择一个控制器依赖项所依赖的选项,当用户更改该选项时,我想重新加载路由但也运行$routeProvider
.
$route.reload()
只需重新加载具有相同依赖项的控制器。
有没有办法在不刷新整个窗口的情况下做到这一点?
angularjs - 以角度和附加内容动态更改路线
我已经为 Angular 设置了一条特殊路由,它是许多静态页面的单一路由(想想隐私政策、客户端 html,我希望我的客户能够将其作为 html 页面放入文件夹并动态加载它路由。
当您在地址栏中键入内容时,我告诉 angular 去查看一个目录并找到一个带有$routeParams.name的.html文件并加载它。
这很好用,但我将数据替换到空白页上。 空白.html
应用程序.js
})
控制器.js
我的问题是,有没有办法从部分加载页面而不必加载空白模板,然后用静态页面替换 html。因为我在做动画,所以动画因为替换而变得无聊。我真的需要加载页面而不必替换空白.html模板页面,或者在视图开始之前替换空白.html ng-animate
$('#ng-view').html($compile(msg.data)($scope)); 我认为是导致页面替换 html 而 ng-animate enter-view 没有完成的原因。
因为如果你把它改成 $('#ng-view').append($compile(msg.data)($scope));
您可以看到 2 x 和 1 有动画,但是一旦发生附加,动画就会停止。
angularjs - 用斜杠重定向角度路线
要求:
我最好的尝试:
这有效:
这不会(注意试用斜线:/month/):
/month/
比赛.when('/month/:monthNo'...
是这样的:
或者这个问题还有其他解决方案吗?
angularjs - 带有 angularjs 的导航栏,页面分为多个部分
我有这样的设置
现在如何更新contentController
顶部导航栏的视图点击的角度视图。因为两个控制器范围不同。有任何想法吗 ?我对 angularjs 非常陌生
angularjs - routeChangeStart 事件和渲染的顺序
我有一个模块的运行函数,里面有一个$routeChangeStart
事件绑定。我想知道触发第一个 routeChangeStart 事件的时间。我期望它应该在第一次请求之后但在任何页面呈现之前立即调用,但它不是我预期的那样。似乎在页面开始呈现后调用了该事件。
预期的行为是什么?或者这是一个错误?
angularjs - angularjs:渲染模板后我应该使用什么事件?
我正在使用带有模板 html 的路由
在呈现模板 html 后,我需要做一些事情来使用 jquery 操作 DOM(我知道这不是一个好习惯,但我找不到我的问题的答案)
但是,我找不到在模板 html 呈现后立即发生的正确事件。我尝试了以下操作,但不起作用。
当我调试到 viewContentLoaded 时,模板 html DOM 仍然不可见。有任何想法吗?
javascript - iframe中的Angular js范围var值
我正在使用 angular js 。我有一个控制器“youTubePlayerCtrl”,在这个控制器中我有 $scope.videoID,其中包含 youtube 视频 ID。我能够在 h1 块中的以下 div 中获得此值。但我无法在 iframe 中获取 {{videoID}},任何人都可以帮我解决这个问题。
这是错误日志:
[$interpolate:noconcat] http://errors.angularjs.org/undefined/ $interpolate/noconcat?p0=http%3A%2F%2Fwww.youtube.com%2Fembed%2F%7B%7BvideoID%7D%7D 出错() 在http://code.angularjs.org/1.2.0-rc.2/angular.min.js:6:453 在 g ( http://code.angularjs.org/1.2.0-rc.2 /angular.min.js:69:467 ) 在 b.push.compile ( http://code.angularjs.org/1.2.0-rc.2/angular.min.js:54:6 ) 在 l ( http ://code.angularjs.org/1.2.0-rc.2/angular.min.js:47:124 ) 在 f ( http://code.angularjs.org/1.2.0-rc.2/angular. min.js:41:361 ) 在 l ( http://code.angularjs.org/1.2.0-rc.2/angular.min.js:47:64 ) 在 f (http://code.angularjs.org/1.2.0-rc.2/angular.min.js:41:361)在http://code.angularjs.org/1.2.0-rc.2/angular.min .js:40:434 at http://code.angularjs.org/1.2.0-rc.2/angular-route.min.js:7:148 angular.js:7861(匿名函数)
Jsfiddle(不工作)
谢谢