问题标签 [angular2-components]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
579 浏览

angular - Angular 2 RC1:多个组件,待办事项列表,添加任务更新

开发能够添加任务的待办事项列表。当所有代码都是一个组件(Tasklist)和一个服务(Taskservice)时,一切都可以正常工作。但是,当尝试将一个组件分离为多个组件(Tasklist 和 Addtask)时,包含任务列表的表不会在添加时更新。这是我们的实现。

任务列表

添加任务组件

addTask() 方法将其添加到列表中,但除非页面刷新,否则不会导致任务列表在视图中更新。

基本问题:如何在不刷新页面的情况下将单个组件正确拆分为多个组件?

0 投票
1 回答
503 浏览

angularjs - 如何在由 *ngIf 控制的同一个模板中拥有两个 ng-contents

我有一个 angular 2 组件用于显示 bootstrap 3 按钮组。该组件可以有标签,也可以独立存在。

我的解决方案是使用由 *ngIf 控制的两个 ng-contents,但是,它拒绝显示任何一个 ng-contents 并且不会引发错误。

这是 btn-multi.html:

以下是它的使用方法:

这就是它只使用一个 ng-content:

在此处输入图像描述

我目前正在使用 Angular 2 beta-15。

谢谢!

0 投票
1 回答
431 浏览

typescript - 如何在飞镖项目中使用用打字稿编写的 Angular 2 组件

我正在使用 dart 开发一个 Angular 2 项目。我看到了一些用 typescript 编写的有趣的组件库,我想在我的应用程序中使用它们。可能吗?如果是,如何?我google了很多,但我找不到任何提示......

0 投票
1 回答
503 浏览

typescript - 在组件的 templateURL Angular 2.0.0-rc.1 中加载动态 URL

有没有办法在templateUrl. 类似于下面的代码:-

我对生命周期感到困惑。在哪里初始化和定义 DynamicUrl 并应用逻辑从服务器获取。

任何形式的帮助表示赞赏。

0 投票
0 回答
18 浏览

angular - Angular2组件渲染模板并接收到数据而不将其本地保存在属性中?

我有一个从某些 API 获取数据的服务和一对组件,每个组件都在 init 上调用该服务来设置具有数据副本的属性。

我还希望此服务开始在内存中缓存数据,以在请求数据时停止对服务器的不必要调用。

这意味着我将拥有相同数据的多个副本(在每个组件和缓存中)。

有没有办法获取数据以渲染组件,然后将数据丢弃,而不是将其保存在组件的属性中?

0 投票
1 回答
1966 浏览

angular - 返回多个对象Angular 2形式

我是 Angular 2 的新手。上传两个或更多文档时,它会列在模板中。所列文件的每一行都有用于输入附加信息的输入槽。提交时,仅在文档列表的最后一行输入的值作为对象返回。我希望返回在文档列表中输入的所有行的值。下面是我的代码

模板

零件

有人可以帮助我如何返回为所有文档输入槽输入的值。谢谢你。

0 投票
2 回答
1086 浏览

typescript - 将 TypeScript 编译为 outDir 时外部组件模板或 css 的路径

当我编写 Angular 2 应用程序时,我的tsconfig.json文件包含以下参数:

这意味着 TypeScript-to-JavaScript 编译会将生成的文件存储在dist文件夹中。

我的问题是当我尝试使用具有外部模板或 CSS 文件使用组件相对路径的组件时,如下所示:

浏览器尝试从转换后的 JavaScript 文件所在的同一文件夹加载.html和文件 - 在. 但这些文件只存在于原始文件夹(原始 TypeScript 文件所在的位置)中。.cssdist

如何解决这个问题?

注意:如果我删除moduleId: module.id并使用绝对路径,例如app/my-cmp/my.component.html,代码可以工作,但这不是我想要的。;-)

0 投票
0 回答
299 浏览

angular - 在组件Angular2之间传输数据对象

我正在尝试在组件之间共享信息。

是否有另一种方法可以与另一个组件共享信息?

我的组件 SportComponent

第二部分

0 投票
1 回答
5106 浏览

angular - 单击编辑时,只有表格的特定行应转换为可编辑选项 - 角度 2

我有一个显示文件列表的表格。目前,在单击特定文档的编辑选项编辑时,表格中的整个文档列表变为可编辑(即,它被转换为表单输入),但我只希望该特定文档行可编辑。下面是我的代码,

模板

零件

有人可以为我提供解决方案。谢谢你。

0 投票
2 回答
10370 浏览

angular - 其他组件内的Angular 2组件

创建一个 RPG 角色创建者。

我有一个 NewCharacterComponent,我正在尝试在其中实现一个 DieInputComponent。NewCharacterComponent 从 AppComponent 路由。代码的重要片段将在下面。

我遇到的问题是我没有让 DieInputComponent 在 NewCharacterComponent 中加载。当我破坏 DieInputComponent 代码时,控制台中不会抛出任何错误,因此错误很可能是我没有成功导入 DieInputComponent 但我不知道出了什么问题。

新字符.component.ts

新字符.component.html

模具输入.component.ts

die-input.component.html