问题标签 [angular2-directives]

我正在使用带有语义 UI 的 Angular2 作为 CSS 库。我有这段代码：

卡片渲染得很好，中间有空格。像这样：参考链接中的卡片部分

因为卡片代表了某种视图，我想用它制作一个组件，所以现在代码是：

但是现在风格被打破了，它们之间已经没有空间了。

有什么好的方法可以解决这个问题吗？

我想到的第一件事是：

但这并不令人满意，因为我希望能够传入一个对象并且组件会自动设置[href]=obj.link.

在 AngularJS 1.0 中有一个replace: true属性可以完全满足我的需要，Angular2 中是否有类似的东西？

刚刚开始使用 Angular 2.0 beta 版本。我在添加时收到错误 angular is not directive : [angular.ngFor]defined

添加 Plunker 网址http://plnkr.co/edit/ULHddLRqPFXvNG7NPo93?p=preview

提前致谢

我正在开发angular2应用程序。我编写了一个服务来保存数据，这些数据将在任何组件上的应用程序中可用并更新它。

这是我的GlobalDataService .ts

这是我的 bootstrap.ts

我已经注入了GlobalDataService appComponent。在整个应用程序中拥有单个实例。

这是我的 appcomponent 尝试访问 globalDataService

但是当我运行我的应用程序时，它给了我错误

请更正我在这里遗漏的内容。

有人知道如何将 Amcharts 实现到 Angular2（BETA）中吗？

我试图遵循这个问题的路径/模式，但是，我使用charts.js 非常成功，但不幸的是，我不能将charts.js 用于我的图表程序。由于 Angular2 Beta 中的所有内容似乎都是未知领域，我不知道从哪里开始？我模仿了上面的 charts.js 示例，没有运气，也没有错误。

amcharts 有一个绝对类型库（plot.ly 还没有）。

更新：这是指令：

然后是来自 app.component.ts 的 template.html

上面的 javascript/amcharts 代码在我的 php 站点上工作。W

当我运行代码时，我没有收到任何错误。

我怀疑这是两件事之一？

我的选择器有问题，或者 html 被渲染，但 JavaScript 没有“写图表”。

最后，它并没有在控制台中抛出任何错误，这真的很奇怪，因为这个 Angular2 Beta 一直在抛出错误。

请参阅下面的更新

仍在使用 Angular2 Beta，我正在尝试实现“编辑器”组件模板包含包装 Ace 编辑器的指令的场景。因此，“编辑器”组件是 Ace 包装器指令的父级，我想从指令中获取代码或将代码设置到其中。

虽然该指令单独工作正常，但当我将它包含在此组件中时，我什么也没有显示；但是浏览器的控制台中没有显示任何错误。你可以在这个 Plunker上找到一个repro ： http ://plnkr.co/edit/kzclJLIX6hRMWa14A0Pb 。

在我的实现中，ace.directive包装 Ace 编辑器的指令有一个text属性和一个textChanged事件。

该editor.component组件使用该指令：它有一个xml表示正在编辑的 XML 代码的属性。它的模板包含如下指令：

即指令的text属性绑定到父组件的xml 属性，指令的textChanged事件由父 onXmlChanged函数处理。

这是一个双向数据绑定，AFAIK我也可以尝试：

这是编辑器的代码：

更新 #1 出于某种原因，Plunker 不会转译和加载我的 .ts 文件而不是预先存在的文件，所以我继续在本地进行故障排除。

至于问题，我发现我必须将$event参数添加到模板中的调用中（请参阅我的评论）。我的指令现在是：

编辑器组件模板包含如下指令：

无论如何，请注意，如果我现在尝试以编程方式设置编辑器的组件xml属性，Angular 将启动并无限循环，因为更改会触发 ace 编辑器上的事件，该事件会发出xml再次设置属性的事件，依此类推。可能只是我做错了什么，但目前我不得不在代码中使用这个 hack，当然我不喜欢它:)：

我正在尝试以角度 2 显示组件文本。但它不是显示。你能告诉我我在哪里做错了吗？这是我的代码

http://plnkr.co/edit/PrWxwf3wT5COVxRwIpqX?p=preview

我想将自定义指令中的“ngFor”索引绑定为属性我做错了什么？

这段代码：

我得到这个错误：

我想实现常见的 Angular 1.x 模式，即在 Angular 2 的父指令中包含子指令。这是我想要的结构。

我希望这些Bar组件具有click发送到Foo组件的事件。

这是我Foo到目前为止：

这是我的Bar：

Foo每当单击其中一个时，我该如何进行通知Bars？

我制作了一个组件，其中有一个输入字段和按钮。单击按钮时，我正在显示第二个组件。我想将数据从一个组件发送到另一个组件？

我如何将数据从一个组件发送到另一个..我需要发送输入值（无论用户在输入字段中输入什么）我需要在下一个组件或下一页上显示。点击按钮。如何发送数据？这是我的 plunker http://plnkr.co/edit/IINX8Zq8J2LUTIyf4DYD?p=preview

在 Node.js / Express / Angular2 / typescript (IDE=Visual Studio) 应用程序的上下文中，我试图将第三方 .js 实用程序（packery）加载到客户端（用于指令）。有人为它做了打字稿定义。d.ts 文件如下所示：

我参考这个 d.ts 文件，告诉浏览器 .js 打包脚本所在的位置，然后按如下方式导入模块：

这编译没有抱怨。但是，在运行时，浏览器会尝试（并且失败）在http://localhost/packery上找到“packery”，而不是知道 packery 是一个导入的库。这与我在客户端上所做的其他导入语句形成对比，例如：

哪个有效 - 据我所知，我为它们提供的唯一两条信息也是 d.ts 文件和 .js 文件的位置，就像 packery 一样。但是，我一定是错过了什么。尝试了许多文件位置和链接的组合，但无法正常工作。如何获得到“packery”的正确链接？

谢谢！