问题标签 [angular-component-router]

在一个组件中，我想将模板与 CRUD 操作相关联，但使用一个控制器来处理所有这些操作的数据。这对角度组件有意义吗，还是我应该使用多个组件？ui-router 状态配置如何？

编辑：组件也有模板和 ui-router 状态。我对这两个概念的表达感到困惑。

编辑2：试图澄清我到目前为止的理解：

• 组件是控制器 + 模板 + 绑定。控制器可以省略。
• 状态是 url + 模板 + 控制器或 url + 组件。控制器可以省略。

因此，组件似乎正在剥夺一些曾经属于 ui-router 的责任。

我在这里的目标：

我应该这样做：

成分：

然后路由：

?

编辑 3： 引用https://docs.angularjs.org/guide/component：

“在基于组件的应用程序中，每个视图都是一个组件”

引用https://ui-router.github.io/guide/ng1/route-to-component：

“组件模型通过使用隔离范围来强制分离关注点和封装。不能再直接访问来自父范围的数据。相反，它需要显式连接”

在我的项目中，路由器设置如下：

现在，在 F5 之后或粘贴 URL 时的预期行为分别是重新加载当前路径或导航到所述路径，而不是加载初始应用程序路径。

我知道为了在重新加载应用程序后保留页面，应该给出一个表示路径的 url。

但是那个东西已经存在了，并且路径都是独一无二的。

那我错过了什么？

我有以下格式，其中我有一个全局组件，其中包含 3 个嵌套组件，这些组件基于给定的路由激活：

在主create-goalhtml 文件中，我有以下内容：

goal和很好用goalInfo，因为它们是一种数据绑定方式的数据。但是，当我想传递一个函数时，例如processStep1计算某些操作step-1等等，step-1即使goalandgoalInfo执行了，该函数也不会出现在组件中。

想法？

我有以下使用 ui-router 和 Angular 的 1.6x 新组件功能的Plunker 。

状态'userRegister'变为活动状态，然后初始化'userRegister'组件。这个组件注入一个新<user-register/>的，<ui-view>然后注入ng-template脚本块的 HTML 内容，一切正常。

最终的 DOM 最终是：

但是，我找不到将 CSS 类选择器添加到<user-register/>标签的方法。

例如使用一个名为.example我想实现以下目标的类选择器：

<user-register class="example ng-scope ng-isolate-scope">...<user-register/>

请问有什么想法吗？

我正在使用 Angular 1.6.3 组件和使用 UI-Router 的导航创建一个 Angular 应用程序。但我无法在使用 UI-Router 时显示屏幕。我在控制台中没有收到任何错误，因此无法识别正在发生的事情。有人能帮我吗。

该代码位于以下位置 https://github.com/vipinnair/angular-1.6.3-component-ui-router

当我使用 angular 1.3 时，我使用它（使用 angularjs 检测未保存的更改并提醒用户）来检测未保存的更改并向用户发出警报，一切正常。但是当使用 angular 1.5（组件路由器）时，值$ctrl.form.$dirty被破坏，$locationChangeStart所以我无法获得这个值（之前$locationChangeStart，当我通过在 html 代码上显示它进行调试时，这个值正确显示）

任何人有建议非常感谢！

以上是我的根路由配置，为什么我的所有路由都没有重定向到菜单，因为空字符串应该是所有路由的前缀。它显示相应的组件/how并/menu完美地重定向到菜单，/但它应该总是重定向到/menu不应该吗？

我遇到了麻烦（在非常意想不到的地方出现了各种错误），我最好的猜测是它的发生是因为路由设置的方式。

这是我的app-routing.module.ts

然后，在CalendarComponent.ts我有这段代码：

无论如何，就在半年前（一些 RC @Angular2）我可以通过直接在浏览器中输入任何这些来启动应用程序

localhost:3000,

localhost:3000/calendar或者

localhost:3000/calendar/2017-05-27

并会得到预期的结果。现在我必须从 开始localhost:3000，以便应用程序引导我通过../login--> ../calendar--> ../calendar/2017-05-27，否则我会遇到各种麻烦，比如Cannot read property subscribe of nullor Cannot activate already activated outlet。

我想，路由已经更新，我落后了。请问这方面有什么帮助吗？

我有一个使用*ngFor循环定义的 ng-accordion，我想调整位置并将路由绑定到特定面板的视图。理想情况下，当客户端单击以展开面板时，位置将在浏览器中更新，并且新的历史记录项将存储在浏览器中。此外，如果客户输入与正在显示的特定手风琴项目相对应的 URL，我想确保反映适当的状态。

例如：

映射的路线可能是：

切换特定面板将更新位置/ActiveRoute，并粘贴将映射到特定面板的 URL 将导致该面板展开。关于如何接线的任何建议？

我目前正在尝试使用基于组件的路由为我的 Angular 4 (v 4.2.6) 应用程序创建自定义属性指令。我遵循了关于如何创建这样一个属性指令的官方 Angular 指南。

myHighlight当指令放在根组件上时，一切正常。不幸的是，当与@angular/router插入到router-outlet.

为了将问题与我的应用程序隔离开来，我创建了一个显示问题的 Plunkr。

在这个 Plunkr 上，您可以看到一个名为myHighlight( highlight.directive.ts) 的自定义属性指令。该指令用于根组件 ( app.ts)。

然后我添加了两个与路由器一起用于基于组件的路由的组件：OneComponent( one.component.ts) 和TwoComponent( )分别two.component.ts绑定到。在这两个组件中也使用了该指令，但遗憾的是没有正确呈现/执行，并且只显示了它绑定到的 HTML 元素 ( ) 的文本。/one/twomyHighlightp

如果有人能指出我做错了什么或需要改变什么，我将不胜感激。