问题标签 [angular2-directives]

我正在研究 angular2 i，我必须将标签用于 ui。为此，我尝试使用插件http://valor-software.github.io/ng2-bootstrap/

我写了一个 demoComponent 作为

这是我的模板

但是当 gulp 编译它时它会给出错误

请纠正我以正确运行它。

来自 Victor Savkin 关于Angular2 模板语法的帖子，展示了如何使用输入和输出属性绑定 -

输入属性用@Input() 修饰，而输出属性用@Output() 修饰。我应该如何声明一个将具有 2 路属性绑定的属性？示例：假设 rootpanel 组件具有 'suggestions' 属性（字符串类型）并且 searchPanel 具有 'getSuggestions 属性。现在我希望这两个属性以两种方式相互绑定。我试过 -

根面板.html：

但是我在 searchPanel 组件中声明 getSuggestions 属性时被卡住了。getSuggestions 属性的类型应该是什么string or EventEmitter<string>？

请建议。

我正在尝试将我制作的组件导入到主组件中，但它没有正确呈现，仅<helloworld>Testing...</helloworld>显示在浏览器上

这是我的主要 component.ts 文件：

这是我正在导入的组件文件

这是另一个 component.ts 文件：

这是 tsconfig，我正在使用 vs 代码 ide

这是html文件

尽管我从 angular2/core 导入了组件，但我收到了这种错误，它的源应该是文件不是通过 npm install 下载的，或者我的节点需要升级

这是我的文件

我正在尝试使用 Angular 2 beta 并希望将 Semantic UI Dropdown 控件用作 Angular 2 组件。

http://semantic-ui.com/modules/dropdown.html#converting-form-elements

我的小示例项目在这里：

https://github.com/uNki23/angular2semantic/

如您在此处看到的，我已将其包装在 Angular 2 组件“UiSelectComponent”中：

https://github.com/uNki23/angular2semantic/blob/master/src/app/components/ui-select.component.ts

任何其他组件都应该通过传递两个对象来使用 UiSelectComponent：一个包含可能选项的数组和一个可选的预定义选择选项。我为选项“SelectOption”创建了一个界面，它有两个属性“value”（数字）和“displayValue”（字符串）。该组件应该像这样使用：

https://github.com/uNki23/angular2semantic/blob/master/src/app/components/app.component.html

第一个问题： 我想要实现的是，将预选选项传递给 UiSelectComponent，用户选择会更改该选项，并且该选项也应该更改父组件中的选定对象。很明显，父组件需要知道，从 UiSelectComponent 中选择的选项是什么，对吧？

第二个问题： 如果我将 .dropdown() 函数包装在 setTimeout() 函数中，则在语义 ui 下拉列表中设置初始选定选项才有效。我想，Angular 2 不再需要这些东西来使更改可见？

在过去的两天里，我已经尝试了所有可能的方法——现在我需要你的帮助 :)

提前致谢！！

我正在使用 typescript 处理 angular 2，想知道是否有一个像https://github.com/josdejong/jsoneditor这样的适用于 angular2 的可用 jsoneditor？

谢谢

在我的应用程序中，我将 Home 作为根组件，并将另一个名为 list 的通用组件在 Home 中呈现。

我想将数据作为属性传递给来自 XMLHttpRequest 的列表组件。

主页.ts

列表.ts

我从 typeToDisplay() 方法获取字符串数据，它是一个 Http 请求并分配给类型变量。但是当我作为属性传递给列表组件时，我在 List 构造函数中得到了 null 。

我也尝试过，但我以同样的方式获得“类型”字符串。

希望我的问题很清楚。

我开始将我的 Angular 1 指令之一迁移到 Angular 2 组件。

我当前使用的指令具有controllerAs: 'ctrl'属性，并且指令的模板'ctrl.'在访问属性时使用前缀。

查看官方的 ComponentMetadata 文档，我没有看到任何可以用来代替这个的属性。

In Angular2 is there a way for developer to check if the corresponding element of one component is tagged with some attribute/class or not?

Say we have below html:

The label-directive marked in the label element is a Angular2 component, the two dynamically-set-class and dynamically-set-attribute are dynamically controlled by the outer-controller basing on user input.

Every time the outer-controller reset the class of the label or the attribute, it fire a event that caught by label-directive and so the label-directive should do something dynamically base on the run-time attribute/class setting.

However, I cannot find any example in existing official Angular2 doc

我正在寻找一种设置本地模板变量的方法，该变量的值由组件提供。

零件：

模板：