问题标签 [angular2-directives]

我正在尝试将父组件中的函数绑定到子组件的属性中。

这就是我所拥有的

这就是我使用它的方式

但它似乎不起作用

我正在尝试在 Angular 2 中创建一个简单的指令，以便可以在我的页面上使用 jQuery UI Sortables。

目前我被困在我想让可排序directive知道它应该在页面上调用什么函数的地步Component。我想要这个，因为您可以在可排序插件中注册事件的函数。我希望指令在页面的组件上调用该函数。

我目前有这个：

所以我的想法是创建一个带有sorting属性的 HTML 元素。包括一个带有stop-sorting-event="functionOnComponent()".

这应该是当前页面组件上的一个函数。但显然这不是这样工作的。我的指令不知道它必须尝试在另一个组件上调用它。

那么我该怎么做呢？有没有办法获得对我的页面组件的引用？

更新

我认为像素位的建议很棒，使用带有@Output注释的事件。但是，让它与 jQueryUI 结合使用似乎很棘手。jQueryUI 似乎无法读取我的指令的属性。

这是一个演示，可以更好地理解我的意思：http ://plnkr.co/edit/Hfc5vxuMLW6yQwr4qW2W?p=preview

我有一个指令来初始化可在 DOM 元素上排序的 jQueryUI。jQueryUI sortable 还具有一组触发某些操作的回调事件。例如，当您开始或停止对元素进行排序时。

我想通过emit()函数传递来自这样一个事件的返回参数，所以我实际上可以看到我的回调函数中发生了什么。我只是还没有找到一种通过EventEmiiter.

我目前有以下。

我的指令：

这是我Component使用指令发出的事件：

如何在我的函数中获取event和ui参数stopSort()？

这是我到目前为止的演示：http ://plnkr.co/edit/5ACcetgwWWgTsKs1kWrA?p=info

如何跳过数组中的第一个索引？

全部，

这就是我所拥有的：

用户列表.component.ts

用户列表.component.html

一些可重用的组件.ts

一些可重用的component.html

这是我的问题：

当我单击它调用该功能的按钮时UserListComponent就很好，但是当提到this它时SomeReusableComponent，我明白为什么会发生这种情况，但我正在寻找解决方案？您可以在上面的示例中看到调用this.userSerivce.delete(id);将失败，因为userService在 上不存在SomeReusableComponent。

我希望上面的例子有意义。

谢谢

史蒂夫

我有一个队列，它本身有一个人数组。在队列中，我想显示人员模板中定义的每个人。

队列.ts

个人.ts

我希望什么

我得到了什么

例外：没有字符串的提供者！[队列中的人员@1:16] 中的（人员 -> 字符串）

概括

我想使用指令本身定义的模板呈现指令列表。

我想在构造函数中的组件上设置一个字符串属性，但是当我尝试这样的事情时

我得到一个 DI 异常

显然，注入器正在尝试查找“字符串”提供程序，但找不到任何内容。

我应该为这种类型的事情使用什么样的模式？例如。将初始参数传递给组件。

应该避免吗？我应该注入初始字符串吗？

试图弄清楚如何在 Angular2 中调整事件大小时获取窗口宽度。这是我的代码：

我在 bootstrap.ts 文件中全局导入窗口提供程序，使用提供来跨我的应用程序访问窗口。我遇到的问题是这确实给了我一个窗口大小，但是在调整窗口大小时 - 即使窗口改变大小，它也会一遍又一遍地重复相同的大小。有关 console.log 示例，请参见图像： 屏幕截图图像

我的总体目标是能够将窗口编号设置为变量 onresize，以便我可以在模板中访问它。关于我在这里做错了什么的任何想法？

谢谢！

由于 Angular 2 没有提供完整的丰富组件，我决定在 Angular 2 中使用引导程序。我知道这不是最好的主意，因为它打破了虚拟圆顶问题，但我没有其他解决方案。我遇到的问题是 angular 2 组件不会在 popover html 中呈现。有人对此有解决方案吗？

我正在查看 Renderer 类，它似乎是我的解决方案，但我无法让它工作。这是一些代码：

• 我持有弹出框的父组件

  /li>

我需要在弹出窗口中呈现的事件视图组件

我认为我的解决方案将在 Renderer.renderComponent 但我不确定如何使用它。

我在udemy的angular2课程中学习angular2，老师写了一个突出显示 html 元素的指令。

我试图做休闲，但对我来说_renderer.setElementStyle抛出异常。

例外：类型错误：无法在 [null] 中设置未定义的属性“背景颜色”

指令：

我使用指令的模板：

教师工作区：

谁能发现我做错了什么？

谢谢。