问题标签 [ngroute]
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 - Angularjs路由不适用于其他配置选项
我是angular
尝试在我的 angularjs 应用程序中实现路由的新手。我的应用程序执行以下操作
- 用户可以通过facebook登录
- 然后他/她可以选择一个链接进行导航
以下是我的主angularjs
文件(带有路由和 facebook 连接,facebook 连接正在工作:)),我的问题是,路由不起作用..
当我向行添加调试指针时,.when('/add', {
控制流根本不会到达该行。
以下是我的href
<li><a href="#add">Add & Edit Recipes</a></li>
我正在按照本教程进行路由,任何帮助将不胜感激
** 更新 **
我的 html
javascript - 来自AngularJS中路由的PHP数据
我正在使用 AngularJS 将变量作为参数发送到 PHP 文件。然后 PHP 文件在 Smarty 变量中返回一个对象数组,我想在加载的新视图中的正常 ng-repeat 中使用这些对象。如何实现?我研究了 http、resolve、promises、resolve+RequireJS 延迟加载。我想不出实现这一点的最佳方法,更不用说一种有效的方法了。哎呀,如果它起作用的话,我什至会使用黑客。
问题是在myProjects
控制器中,如果我定义了从我的 PHP 文件返回的 Smarty 变量,那么在调用带有 userId 参数的路由之后,该数据将不可用,因此它会引发undefined
错误并终止整个脚本。
非常感谢任何建议!
javascript - 在 $routeProvider 的解析功能中使用承诺链
我在解析方法中的一个变量依赖于另一个变量,是否可以在解析方法中的变量之间共享相同的承诺?
似乎 $route.current.locals 存储已解析的变量,但是在处理 var2 时, $route.current.locals 为空,因为 var1 尚未解析。我想要的是这样的:
angularjs - angularjs“未捕获的错误:[$injector:modulerr]”
我检查了这个 AngularJS 1.2 $injector:modulerr但它没有解决我的问题
你可以在这里找到我的例子
javascript - ngRoute 无法加载 $routeProvider 定义的视图
我刚刚开始尝试将 ngRoute 集成到我正在构建的应用程序中,但无法让 ngRoute 正常工作。
我创建了一个简单的应用程序来描述我的尝试。
索引.html:
应用程序.js
测试.html
这是一个显示我尝试的 plunkr:http ://plnkr.co/edit/ntgV5xFTl46tBugEnCVe?p=preview 。对此问题的任何帮助将不胜感激!
javascript - 如何在 ng-route templateUrl 函数中注入 $http?
我的 Web 应用程序有很多视图(模板),并且没有静态模式可以仅从路由参数组成 templateUrl。考虑到更新路由的灵活性,我将路由表存储在 SQL 服务器中,并创建一个 RESTful Web 服务来检索和更新路由模板记录。但是,我发现在配置短语期间无法在 AngularJS 中调用 $http 和 $rootScope。
我了解 .config 发生在 AngularJS 中的 .run 之前。在配置中,我们只能访问常量和提供者。但是由于我使用的是 templateUrl 函数,所以函数体在运行时被调用。我想知道是否有任何方法可以在我的 templateUrl 函数中注入 $http 和 $rootScope ,这将在运行短语中执行......
我对 AngularJS 很陌生,也欢迎任何其他建议。另外,如果我的理解有误,请纠正我。谢谢。
angularjs - 模板在路由后不显示绑定数据,第一次点击 - AngularJS
尝试从索引页面路由到不同的视图模板。最初,主索引页面上的列表被加载,main.html被加载到 ng-view 中,显示它的文本内容。来自“MainCtrl”的数据被正确广播并且工作正常。现在,令人困惑的是,当单击列表中的项目时,它会被路由到内容模板(content.html),但内容不会在第一次单击列表时显示绑定值。但是,在第二次单击后,它开始显示从MainCtrl广播的绑定值。
主.html:
内容.html:
即使模板立即加载,也不确定在第一次单击时不绑定数据的确切原因是什么。任何帮助或想法将不胜感激。一时间挠了挠头。
javascript - 角度动画视图转换取决于起点和终点
我是 Angular 动画的新手,在使用动画转换路线视图时遇到问题。
我正在使用 ng-route 和 ng-animate。
假设我有三个视图:page1.html、page2.html 和 page3.html,它们显示在我的索引文件中,ng-view 取决于 url(/page1、/page2 和 /page3)。
现在,如果当前 url 是 /page1(并且显示了 page1.html),我知道如何使用 ng-enter 和 ng-leave 添加 CSS 类,以使页面之间的过渡效果很好。我遇到的问题是如何处理不同状态下的不同动画。
例如,如果我添加了所有的 CSS 规则,让 page1 在离开 url /page1 时向左滑出,而 page2 在输入 url /page2 时从右侧滑入,一切都很好。但是,如果我希望 page1 -> page3 之间的过渡将 page1 向下滑动而 page3 从顶部向下滑动呢?
这就是我想要的:
- page1 -> page2(左滑效果)
- page2 -> page1(右滑效果)
- page1 -> page3(向下滑动效果)
- page3 -> page1(上滑效果)
- page2 -> page3(淡入效果)
- page3 -> page2(淡入效果)
如您所见,我的动画取决于原始和目标 url/页面,而不仅仅是页面是进入还是离开。有什么办法可以做到这一点?
谢谢
angularjs - 根据 $scope 变量覆盖 AngularJS 路由以显示模板
使用 Angular,我有十几个类似于以下示例代码的路由设置。
有没有办法在保持 URL 完整的同时根据其他一些条件覆盖加载哪个模板和控制器?我的目标是显示登录页面...假设 $scope.isLoggedIn = false。我不想将 URL 更改为 /login。
javascript - 如何将路由与完整路径匹配?
使用此配置:
当我在浏览器中加载/personal-area/
时 - Angular 将我重定向到/personal-area/#/personal-area/
.
如何让它正确识别路径?