问题标签 [angular-components]

我创建了一个子组件，它有一个我想要调用的方法。

当我调用此方法时，它只会触发该console.log()行，它不会设置test属性？？

下面是我的更改的快速启动 Angular 应用程序。

家长

孩子

我该如何设置test属性？

当 AngularJS 完成所有路由、组件和指令的渲染后，有什么方法可以运行脚本吗？

例如，当所有带有 templateURL 的组件和指令都完成渲染时。

我正在尝试将值从父组件传递到角度 1.5的嵌套子组件

该值可以从父母那里更新，但孩子不能编辑它，只是显示它。那么单向绑定'<' 对吗？

而且我不能在父组件声明中传递子组件，因为父组件也会有其他用途。

关键是我的父组件存储了公共数据，但他们的孩子会以不同的方式使用它。

并且父组件将被多次使用，不同的孩子，这就是为什么我不能在父声明中传递孩子。我需要绑定信息，出于自动更新的目的，当父母更新数据时，必须由孩子反映

HTML

JS

检查 plunkr 上的工作示例

require属性用于组件通信，但我试图使用它但没有成功:(，这里需要一点光。

• 角 1.5.8
• 引导程序 3.3.7 (CSS)
• Angular-ui 2.0.2

使用 angular Typeahead ( ui.bootstrap.typeahead ) 需要一个对象列表，它将在带有 HTML 的 ui 组件中显示

问题

1. 从服务返回promise到组件（1.5 样式控制器、视图、绑定）

2. 控制器函数使用promise从服务返回并执行then逻辑并返回array对象

3. Typeahead 不处理数组...执行控制台日志，您可以看到数组。

4. 如果我在不使用服务方法的情况下静态传递相同的对象数组，那么该功能将起作用

HTML

组件（控制器、视图）

服务

我正在使用 Ionic 2，并且有一个用例，其中有一个主页（父组件），主页内部有一个选项卡布局，在 Ionic 2 中，每个选项卡都是一个单独的组件（子组件）。

所以在一个标签中，我显示了用户列表，在主页上还有一个搜索栏，用户可以通过它搜索其他用户。所以现在当用户在搜索栏中输入时，会触发一个在主页（父组件）中定义的函数，但是当这个函数被触发时，我需要在用户选项卡（子组件）中引发一个事件，我将在其中进行过滤用户列表并显示在用户选项卡中。需要帮助来解决这个问题。以下是我的代码

我希望我的问题很容易理解。

我正在构建一个带有角度的自定义视频组件，并在外部传递源。不使用组件时，视频显示良好。使用该组件时，即使我可以看到源确实成功传入（通过检查元素），视频也不会显示。我有一种感觉，这在某种程度上与生命周期有关。

代码：

主页：

（video.srcs 是 src url 和 mimetypes 的列表）

零件：

最后是模板：

编辑：问题实际上并不像我想象的那样与 REST 调用有关。手动将源插入组件仍然没有显示视频。我将不得不查看并尝试破译我的和 Mathieu 的不同之处

我正在将代码从 Angular 1.3 迁移到 Angular 1.5 组件和 ES6 控制器。我试图在 SO 上找到一些东西，但没有足够的帮助。除了下面提到的方式之外，关于如何在范围内观看事件所需的建议。或者如何从指令触发范围事件。如果存在替代方案，还请提出正确的方法。

角 1.3

角 1.5/ES6

编辑：

对这里的 $on 而不是 $watch 的替代品感兴趣，因为 $onChange 可以在您只是观察变量时替换 $watch。我想听范围事件，因为不是 100% 的 angular 1.3 代码可以迁移到 1.5，我仍然有触发范围事件的指令！

我正在编写一个 AngularJS 组件，我想知道将 ngdoc 注释添加到组件本身和控制器功能的正确方法是什么。

你有什么例子吗？

我有一个这样配置的路由器：

和组件

data.data.artist我可以在解析过程中看到它是有效的并且可以从日志中访问，但是在组件内部input总是undefined J 只是不明白为什么会发生这种情况？

在 Angular 2 中创建动态组件时，我发现这个 过程需要将新创建的组件添加到 DOM。ViewContainerRef

在传递给那些动态创建@Input的组件时，我在上面的第二个链接和这里@Output找到了答案。

但是，如果我要创建一个名为的服务shape.service，其中包含返回不同形状组件的函数@Input，bgColor我不知道该服务将如何在不指定 DOM 位置的情况下创建组件，以及容器组件如何接收此返回的组件（可能它的类型将是ComponentRef) 来自服务并将其注入到指定的 DOM 容器组件中。

例如，一个服务包含一个方法：

第一个问题出现在这里，我如何this.viewContainerRef指出在此期间没有地方？我导入的原因ViewContainerRef是动态创建组件。

第二个问题是容器组件componentRef从服务接收到特定输入后，它将如何注入到它的 DOM 中？

更新： 我认为我上面的问题不够具体。我的情况是：

1. 父组件调用服务并获取componentRef/s，
2. 创建一个包含 componentRef/s 以及其他一些数据的对象，并将这些创建的 object/s 存储到数组中
3. 将它传递给它的孩子@Input，
4. 并让每个孩子将 componentRef 注入其 DOM 并以其他方式使用对象中的其余数据。

这意味着服务调用组件不知道这些 componentRef 将被注入到哪里。简而言之，我需要可以随时随地注入的独立组件对象。

我已经多次阅读 rumTimeCompiler 解决方案，但我并不真正了解它是如何工作的。与使用 viewContainerRef 创建组件相比，似乎工作量太大。如果我找不到其他解决方案，我会深入研究...