问题标签 [angular-component-router]

我正在尝试采用 Angular 1.5 中发布的新 .component 。尽管我现在很难理解模块适合的位置。

在我以前将我的组件分成角度模块之前，现在组件在这里有什么关系？

只需创建一个角度模块并在其下添加所有组件，还是继续使用角度模块以及组件？

文档似乎没有涉及到这一点。如果我仍在使用模块，那么组件的用途是什么，或者如果我正在使用组件，那么超过 1 个模块的用途是什么？

在创建新的 Angular 1.5 或 2.0 组件时，我是否仍应使用 3 个字母作为组件名称的前缀？

abc 是避免与其他组件重复的名称？

我不确定这是否仍然有必要，而且我没有看到在野外有很多用处。

我应该采取什么方向？

我使用 angularjs 1.5 组件路由器创建了应用程序，如何让父组件将值传递给内部的子组件，并且子组件将回调绑定到父组件，例如：

应用程序.js

组件.js

我的新闻.html

最新消息.html

因此，当我单击 latestNews.html 中的 seeMore 时，我想（发送到或更改） myNews组件中的类别值

当在输入框中使用类型时，我需要将此值传递给另一个组件

我尝试使用 Angular2 和新组件路由器实现的要求如下：一个页面分为 2 个部分。例如：（左，右）每个部分将包含一个组件。每个组件都有自己的路由和状态。有没有办法使用 url 来维护状态？这样我就可以共享链接并根据 url 将组件初始化为它们的状态。

我使用辅助路由器插座来表示每个部分。如何使用 url 表示两个辅助路由？还是我误解了辅助路线的使用？

该示例可以在https://github.com/rmchndrng/ng2learnrouter找到

我的路由配置

示例应用程序在 http://ramachandrang.com/ng2learnrouter/#/home运行

以下作品

http://ramachandrang.com/ng2learnrouter/#/home(left:heroes/list) http://ramachandrang.com/ng2learnrouter/#/home(right:villains/list)

当我在寻找类似以下的东西时，它将能够代表路由器出口状态。

例如。

http://ramachandrang.com/ng2learnrouter/#/home(left:heroes/list,right:villains/list) http://ramachandrang.com/ng2learnrouter/#/home(left:heroes/list)(right:villains /列表）等

我的项目依赖项。

我正在尝试将组件的方法deletePhoto和editPhoto方法公开businessPhotos到verticalGrid组件中。但是有些是无法访问的。

任何帮助将不胜感激，谢谢

照片.js

照片.html

垂直网格.js

垂直网格.html

我是 Angular 的新手，正在从事一个项目，但在两个不同的页面中显示信息时遇到了问题。

我有一个显示个人资料的浏览页面 我还有一个主页，我想在其中显示浏览页面的内容以及其他杂项信息。为此，我创建了一个组件（browsePage）然后我将该组件添加到 home.view.html

但配置文件不显示。

在我的浏览页面中，配置文件确实出现了。

我的代码：

app.config.js

home.controller.js

home.view.html

浏览.component.js

浏览控制器.js

浏览.view.html

索引.html

我在控制台中没有收到任何错误。您可以忽略 GET 错误。

我需要做什么来解决我的问题？我开始考虑提前感谢。

我在调用 $locationChangeStart 事件的 e.preventDefault 内部处理程序时遇到了一个奇怪的问题。我有这样的事情：

这发生在其中一个指令的链接函数中。问题是，当我单击具有某些路径的锚元素时，它实际上导航到它然后返回。我正在使用来自 Angular 1.5 的组件路由器。这几乎使这无用，因为我试图在用户导航之前显示一个确认对话框而不保存更改。问题是，由于这种重新导航，他无论如何都会丢失所有更改。知道发生了什么吗？

编辑：我在这里重新阐述了这个问题：angular 1.5 component, ui-router resolve, $onChanges 生命周期钩子

我将用 3 个连续的例子来说明我的问题。

在第一个中，所谓的外部组件拥有一个myData对象，该对象具有一个名称字段。该对象使用单向绑定传递给内部组件。外部组件公开了两种更新其对象的方法：修改名称字段的值，以及用新对象替换它的替换。当调用modify时，内部组件中看到的对象会更新，因为单向绑定是通过引用完成的。更换时被调用时，内部组件中看到的对象也被更新，因为单向绑定监视引用修改，并且调用了 $onChanges 钩子。这里一切都很好:-)

在第二个（https://plnkr.co/edit/uEp6L4LuWqTJhwn6uoTN?p=preview）中，外部组件不再声明myData对象，而是将其作为来自 ui-router 组件解析的单向绑定接收路由状态。由于修改和替换方法仍然在外部控制器中以相同的方式完成，所以一切都像前面的例子一样。

在第三个示例（https://plnkr.co/edit/nr9fL9m7gD9k5vZtwLyM?p=preview）中，引入了一个拥有 myData 对象并公开修改和替换方法的服务。ui-router 状态的解析现在调用服务来获取数据对象。外部控制器调用服务的修改和替换方法。一切都很好，直到第一次调用replace方法。我期望在服务中对象的引用发生更改时触发外部组件的 $onChanges 挂钩，但事实并非如此。

我在这里做错了什么？

精度：使用修改方法时一切正常。但是，我希望能够在组件中执行绑定对象的本地副本，以避免从那里修改原始对象（确保真正的单向数据流）并使用 $onChanges 挂钩来了解对象修改（重新分配）。

编辑：我提出了以下代码（https://plnkr.co/edit/DZqgb4aIi09GWiblFcmR?p=preview），其中在解析中获取数据的组件不是触发服务修改的组件。那么问题来了：为什么当重新分配已解析的数据对象时，消费者组件中没有触发 $onChanges 挂钩？这个组件如何被告知修改？

理想情况下，消费者组件的 $onChanges 方法将以这种方式实现：

在这种情况下，修改版本不起作用（正如预期的那样，因为组件不再有对服务数据对象的引用）并且没有触发 $onChanges 挂钩（这是我的主要问题！）替换版本确实也不行。。

我正在使用Angular 1.5.7开发一个 SPA 。在该应用程序中，路由是使用“ ui.router ”完成的。我为每个组件（如仪表板、用户、报告）都有一个单独的文件夹，每个文件夹都包含自己的组件和指令、视图和服务文件。

请就以下问题提供一些指导

1. Angular 1.5.7是否支持$ocLazyLoad？

2. 如果它的支持者请分享一些有用的链接来学习ui.router。

3. 如何使用 Angular 1.5.7实现组件的延迟加载？

4. Angular 1.5.7是否具有延迟加载组件的默认方法？

提前致谢..

在以下示例 ( plunker ) 中，ui-router 状态路由到具有数据对象和替换方法的应用程序组件，该方法使用给定值将该对象替换为新对象。在其模板中，它具有：

• 通过回调绑定 ('&')触发替换方法的编辑器组件
• 一个显示组件，它通过单向绑定（'<'）接收数据对象，在 $onChanges 生命周期钩子被触发时制作本地副本，并显示对象的内容

一切正常，如预期的那样:-)

我对以下第二个示例（plunker）有疑问。这是完全相同的设置，只是应用程序组件不再管理数据本身，而是通过定义为 ui-router 状态解析的单向绑定 ('<')接收数据对象（如在评论中可以看到，我使用全局对象和方法进行了测试，并通过服务进行了交互）。当这个解析的对象被重新分配时，我期待应用程序组件的 $onChanges 钩子被触发（当应用程序组件的数据对象被重新分配时，显示组件也是如此），但事实并非如此。有人有解释吗？