问题标签 [angular-new-router]
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 - Angular 新路由器 - 嵌套组件和路由
我正在玩新的角度路由器,并想尝试一个我有一个组件和一个嵌套组件的用例。
下面是我编写的用于定义两个组件和路由的 JavaScript 代码:
和 HTML 部分:
这是一个包含上述代码的 Plunker:http: //plnkr.co/edit/yWCFgXQI491EYvIldjyR
基于此代码,我有以下问题/问题:
- 如果我转到最低级别(#/parent/child)然后点击刷新,则不再显示父组件和子组件。即使 URL 仍然相同,路由也不会恢复。我是否需要重新导航或做一些事情来恢复页面的状态?这是一个非常基本的功能,可以为 URL 添加书签。
- 如果我转到最低级别(#/parent/child)然后单击Go to parent链接,则 URL 正确设置为#/parent但子组件仍然可见。
angularjs - AngularJS 使用 ngNewRoute 延迟加载组件
我想制作一个使用AngularJS 新路由器的应用程序。我决定将每个组件包装到一个新模块中,并在用户更改到该组件的路由时使用 ocLazyLoad 延迟加载组件(模块、控制器和模板)。我想我必须用 ocLazyLoad 加载模块,但不知道在哪里写这段代码!
angularjs - NgNewRouter 视口和导航
你好 Angular 社区:我在我的应用程序中使用 Angular 1.4 的 ngNewRouter,我发现了一系列问题,也许没有,这是我的无知....当您定义嵌套路由器时,仅在直接父级而不是查看路由器的定义链,我认为这违反了模块化...
例如: MainController 定义如下配置:
InstanceController 定义如下:
然后,关联的模板不会在视口中呈现,但如果我将 IntanceCntroller 的设置移动到 MainController 一切正常。
任何想法?
angularjs - Angular 1.4 + ngNewRouter + ES6:无法读取未定义的属性“$routeConfig”
我目前正在尝试将使用新路由器和 ECMAScript 6 编写的 Angular 1.4 应用程序的基本工作示例放在一起。我一直在不停地摆弄这段代码,但我不明白为什么我会收到错误被抛出:
我的 Angular 应用程序在我的 index.html 文件中被引导,如下所示:
我在另一个文件中配置了 1.4 路由器以及我的角度模块加载代码:
最后是实际的引导文件:
我完全不知所措,任何帮助都将不胜感激,因为我真的想开始使用 ES6 和新路由器。
javascript - angularjs新路由器在第一次页面加载时不起作用
我是 angularjs 世界的新手,正在使用 angularjs 1.4 版和新路由器开发 angular js 应用程序。
到目前为止,1 个小问题都可以正常工作。也就是说,当我转到任何特定链接时,它都不起作用。但是,在那之后,如果我刷新页面或在该链接上再次单击 ENTER 键,它就会开始工作。
例如:我在我的页面中关注了 2 个链接。
当我转到第一个链接http://localhost/angular/#/它不起作用并且在控制台中出现以下错误但是如果我再次单击链接或刷新链接控制台错误清除并且它开始工作。同样的情况也发生在第二个链接上。
Chrome 控制台错误 -
以下是文件代码 -
索引.html
应用程序.js
任何线索为什么它会这样?
angularjs - 如何从 angular-new-router 获取别名?
在 angular-new-router 中,用户可以为组件指定别名:
我们可以激活它:
有没有办法通过查看控制器中的别名来知道用户点击了哪个链接?谢谢。
angular - ?如何将新的路由器依赖添加到Angular2项目
我在https://angular.io/上关注了入门应用程序:'Learn in 5 mins' 。我想开始尝试使用“新”路由器,但是当我这样做时:
我得到一个:
我能否以类似于安装 angular2 的方式添加此依赖项。即,类似于:
angularjs - Symfony 2 中使用新的 Angular 路由器的 AngularJS 模板位置的最佳实践?
我正在 Symfony2 Bundle 中开发 AngularJS 1.4 应用程序。Symfony 提供“后端”(API),Angular 提供前端(当然)。
我正在使用新路由器并坚持使用多个指南和最佳实践示例建议的组件驱动文件夹方法。但是由于我使用 gulp 构建我的 JavaScript 并且只包含完整的构建文件,因此 Angular 控制器无法找到它们的模板存在问题。
我向您展示我不喜欢的解决方案:
我编写了我的 Angular 代码,src/myBundle/Resources/js/
然后 gulp 将最终构建放入src/myBundle/Resources/public/
其中,然后可以在包含 Angular 应用程序的 Twig 模板中使用它。
我现在正在做的基本上是将我的组件的模板放在它们所属的位置(这将是src/myBundle/Resources/js/components/dashboard/
仪表板示例),而是放入src/myBundle/Resources/public/templates
.
我必须通过$componentLoaderProvider.setTemplateMapping()
.
我有两个问题:
- 我可以用更优雅的方式解决这个模板位置问题吗?
- 我可以直接(在 中
AppController
)告诉路由器模板在哪里吗?
angularjs - 为什么我不能在控制器参数中传递 $scope 和 $router?
我正在尝试将一个控制器中的新角度路线与我编写的某些功能连接起来。如果我将在 2 个单独的控制器中执行此操作,它会起作用,但是当我尝试将它连接到一个控制器时,它会以某种方式不起作用。