问题标签 [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 - 无法将 ngRoute 与 angularjs 和 requirejs 一起使用
我正在尝试使用 angularjs 并需要创建基本站点不幸的是我没有使用角度路由,这是我得到的错误:
这是我的代码:
索引.html:
主.js:
应用程序.js:
看起来在创建模块之前正在加载路线,但我找不到解决方法并修复它
angularjs - 使用 $routeParams 与 $location.$$search 获取 URL 查询字符串之间的区别
如果我有一个始终作为查询字符串传递的特定路由参数,那么使用 Angular 的$routeParams
服务检索参数和使用它的$location.$$search
服务有区别吗?如果是这样,一个比另一个更可取吗?
网址://localhost:80/app/profile?id=42
$routeParams
方法:
$location
方法:
我已经$location
在需要执行问题中详述的行为的控制器中作为依赖注入。此外,控制器的模块还没有依赖于ngRoute
.
angularjs - 从 ngRoute 迁移到 ui-router
需要一些关于将我的 ngRoute 配置迁移到 ui.router 配置的指导。目前我有一个主模板(index.html),它有一个注入所有视图的 ng-view。我当前的 ngRoute 配置如下:
我现在想在 index.html 中定义第二个位置,我可以在其中注入一些视图内容——不是嵌套视图,而是另一个 ng-view(或 ui-router 术语中的 ui-view)。原始的 ng-view 部分是默认部分(目前仅用于 /login 和 /contact),而新部分仅用于特定路由(当前仅 '/notification' 但将来可能还有其他)。让我们将新的 ui-view 称为“通知视图”。
我已经阅读了大部分 ui-router 文档,但仍然不确定如何将上述内容迁移到新的 ui.router 配置。有人可以让我开始或指出一些像样的例子吗?
更新:好的,这就是我的位置。我在 index.html 页面中添加了一些状态和新的 ui 视图。见下文:
我的路由现在是:
这似乎在大多数情况下都可以正常工作。当 url/notification
被触发时,应用程序被路由到 NotificationCtrl 并将 ui-view 内容呈现到notification-view
. 然而,唯一的问题是主(未命名)ui 视图中的 ui 内容丢失了。我希望主 ui 视图中已经呈现的任何内容都保持不变,并且只针对notification-view
. 这可能吗?它是否必须改为嵌套视图?
angularjs - Angularjs routeprovider 多个路由导致相同的视图
因此,angularjs $routeProvider 的工作流程如下,
我的问题是,有什么方法可以简化以下代码。如果 when('/main1') 和 when('/main2') 指向同一个模板。所以,
之所以提出这个问题,是因为如果我们在网站上有多种语言,并且我们希望对 url 进行多种翻译。
另一种解决方案是识别站点是使用 .com 还是 .de,从而调整到正确的 /main1 或 /main2 翻译。例如,
但从语义上讲,这似乎不是最好的解决方案,因为我喜欢在配置之后将配置选项设置在运行块中。我们也不能注入工厂(只有提供者,我可能弄错了)来配置。
angularjs - html5Mode 未链接到基本 url
我正在使用带有 html5Mode 的 AngularJS 1.3.2。我的应用托管在http://localhost/app
我的基地设置为
我正在尝试创建指向应用程序根目录的链接,但是当我这样做时
它指向我http://localhost
,但我需要它指向我http://localhost/app
javascript - 在不使用 ui-routing 的情况下增加视图/嵌套视图
我正在做一个有角度的项目,他们在项目中使用了 ng-routes,现在我必须创建一个页面/视图,它有 3 个下拉列表和 3 个选项卡,下拉列表对于 3 个选项卡是通用的,每个选项卡都有涉及一组复杂的 highcharts 和手风琴。
正如您在所附图片中看到的那样,每次用户单击链接 page1、page2、page3 时,“显示部分”都应该改变,保持下拉列表不变,并且应该在显示区域内可用,请逐步建议我任何想法,除了 ui-routes,因为我的项目已经使用 ng-routing 完成了。
注意:所有 3 个选项卡的视图/模板都不相同,第一个选项卡有一个带有手风琴的高图,第二个选项卡有一个嵌套的 Div,其中包含一些进度条类型的数据,第三个选项卡,UI 尚未确定,总体视图将彼此不同。
非常感谢
angularjs - 为什么我的资源不能在我的 ng-model 上显示?
在我的项目中,我使用 ngRoute 将 edit.php 视图加载到我的索引 ng-view
我不知道为什么 ngResource 结果没有绑定到我的 ng-model,这是我的代码:
Javascript:
编辑.php:
后端返回以下 json
我使用 chrome 调试器检查是否从 ngResource 返回了任何结果,它显示以下内容:
任何人都可以帮忙吗?谢谢你。
json - AngularJS:动态加载从数据库中检索的 HTML 标记
我正在使用以下方式从 JSON 文件中获取数据factory
:
并在以下位置访问它controller
:
JSON 文件中的数据包含标签、四个选项和一个类型复选框,如值。我必须使用此数据将其格式化为 HTML 标记。
我发现一种方法是在其中创建一个 HTML 标记controller
并将其绑定到div
使用ng-bind-html
. 指令不起作用,因为我已经实施了ngRoute
。
最好的方法是什么?
javascript - 争论 '' 不是 Angular 路由中的函数
我收到此错误,我无法找到问题,以下是我的错误
Error: [ng:areq] Argument 'homeCtrl' is not a function, got undefined
http://errors.angularjs.org/1.2.25/ng/areq?p0=homeCtrl&p1=not%20aNaNunction%2C%20got%20undefined
at VALIDITY_STATE_PROPERTY (http://localhost:8100/lib/ionic/js/ionic.bundle.js:7703:12)
at assertArg (http://localhost:8100/lib/ionic/js/ionic.bundle.js:9134:11)
at assertArgFn (http://localhost:8100/lib/ionic/js/ionic.bundle.js:9144:3)
at $get (http://localhost:8100/lib/ionic/js/ionic.bundle.js:14903:9)
at updateView (http://localhost:8100/lib/ionic/js/ionic.bundle.js:42986:30)
at IonicModule.directive.directive.compile (http://localhost:8100/lib/ionic/js/ionic.bundle.js:42942:9)
at nodeLinkFn (http://localhost:8100/lib/ionic/js/ionic.bundle.js:14336:13)
at compositeLinkFn (http://localhost:8100/lib/ionic/js/ionic.bundle.js:13730:13)
at nodeLinkFn (http://localhost:8100/lib/ionic/js/ionic.bundle.js:14330:24)
at compositeLinkFn (http://localhost:8100/lib/ionic/js/ionic.bundle.js:13730:13)
以下是我的 Angular 和 Ionic 项目:
但如果我homeCtrl
从路线中删除,它工作正常。我现在花了相当多的时间,对我来说似乎没问题。
angularjs - 路由未在 angularjs 1.2.15 中解析
我有一条
/hungry/hippo/nom-nom-nom
地图很好的路线。没问题。
添加一个额外的斜线
/hungry/hippo/nom-nom-nom/to-full-barf
后者没有解决,我不知道为什么
仅仅增加额外的深度to-full-barf
并不能解决。
有什么建议么?
更新:
做了更多的挖掘,电话没有通过express.js
。我认为问题不在于角度,而在于表达。