问题标签 [angular2-template]

我在打字稿中有这个组件定义：

根据这篇文章：http ://blog.thoughtram.io/angular/2015/06/25/styling-angular-2-components.html 样式部分和外部样式表中的样式都应该内联到标题中通过角度。

不幸的是，第二个没有被注入，角度只注入了样式部分中的一个。

我试过从浏览器访问/styles/sandbox.css，没问题。Angular 也能够访问 /views/sandbox.html 所以我不知道为什么它没有发生。

我正在使用：“angular2”：“2.0.0-beta.2”（最新的 beta AFAIK）

我正在开发一个应用程序，它可以帮助我呈现包含 angular2 组件的静态 html。

我开发了一些 angular2 组件。现在我需要将它们插入到我的静态 html 中。

到目前为止，我可以成功生成静态 html。但是当我在 html 中使用 angular2 组件的选择器标签时，它会按原样呈现这些标签。即未加载angular2 组件。 以前组件是使用相同的代码正确加载的。

以下是我使用的代码片段。

1.app.component.ts

2.demo.component.html

3.client.ts

4.server.ts

6.index.html

抱歉，代码片段很长。所以当我使用npm start我的应用程序运行这个应用程序时，它会呈现 html，即 angular2 组件没有进入选择器标签。以下是浏览器和控制台的快照。

我需要在Angular2中做同样的事情：

这可以通过ngFor<table>实现，而不是在和之间添加新元素<tr>吗？

我已经尝试了所有我能想到的让事件在复选框更改状态时触发但我似乎无法让它工作。

这是html

这里是 toggleRoleActive()
编辑：

我面临的挑战之一是，当我从服务器获取数据时，需要检查或不检查按钮。但是，如果他们想停用或重新激活该角色，我希望它响应复选框。

我尝试过使用[(ngModel)],(change)和更简单的解决方案，但唯一触发任何事件的是[(ngModel)]，但是这样做我最终得到true/false而不是'Y'/ 'N'。此外，如果我使用[(ngModel)]，无论我的服务器发送什么数据，该复选框始终标记为选中。

我正在玩 Angular 2，我想做的是有一个独立的指令直接分配给 HTML 中的一个元素。这可能吗？

指示：

我会将它分配给任何 HTML 元素，如下所示：

我问的原因是因为我不想使用 Component 使用 DOM 中已经存在的 HTML 来设置模板。

编辑

因此，根据响应，这是组件

组件滑块

索引.html

我希望 Div 与内容 hello world 一起保留在 Slider 中。根据我一直在阅读的有关 Transclusion 的内容，AFAIK 这就是它应该如何工作的方式。但是控制台错误是：

I've created a component which is a draggable element.

• When I use it as a single element it fires drag start event and COULD BE dragged to the drop zone.

• When I create it using ngFor of primitives list (numbers) all elements fire drag start event and COULD BE dragged to the drop zone.

• But when I create it using ngFor of objects list all elements fire drag start event but COULD NOT BE dragged to the drop zone (they are not dragged).

Here is an example:

How can I make bindings of objects draggable?

全部，

是否可以防止在 Angular2 中缓存视图？

使用 angular 1.x 很容易使用 $httpProvider 修改标头以防止此类事情发生，但我在 angular2 中看不到任何类似的东西。

谢谢

史蒂夫

我想在调用 Angular 2 中的引导方法以在页面加载时引导应用程序之前发出 AJAX 请求。

有没有我可以使用 Angular 来监听的钩子？我知道我可以将它包装在一个普通的 javascript ajax 请求中，但我认为可能有一种使用 Angular 2 执行此操作的标准方法。在启动 Angular 2 应用程序之前，我需要从服务器获取配置文件。

我对 angular2 很陌生，并且我在更改检测方面遇到了问题。在我的页面加载时，我需要调用一些 API 来获取信息来构建我的网页。我所做的是，当我收到此信息（包含在数组中）时，我想使用 *ngFor 对其进行迭代。这是我的课程组件代码。

所以首先，我想知道angular2没有检测到this.weeks改变的事实是否正常。然后我不知道是否应该使用 ngAfterViewInit 函数来完成我的工作。问题是我开始这样做是因为courseCompDiagram我需要使用 jquery 来查找包含 id 的 divCompletion[...]并对其进行修改（在其上使用 highcharts ）。但也许我应该在页面加载的其他点做这一切？我尝试使用本主题中所述的 ngZone 和 ChangeDetectionStrategy ，但我没有设法使其适用于我的案例。

任何帮助表示赞赏，即使它不能完全解决问题。

所以这是一个二合一的问题。

首先，我试图在组件 html 中的元素加载时触发一个函数。我尝试了很多方法，例如：<div [onload]="myFunction()">这会导致函数被多次调用，准确地说是 10 次。我的猜测是这不是要走的路，但我不够熟悉以使其正常工作。我也想将元素作为参数发送。例如，做<div #myDiv (click)="myFunction(myDiv)">确实有效，但显然这不是在加载所述元素时触发的。这里的正确方法是什么，或者我有义务做一个 querySelector ...

接下来是一个涉及在组件内注入 ElementRef 的问题。现在，文档告诉我，使用 'nativeElement' 属性并不是完全可行的方法。我真的不明白为什么。在组件中引用元素是一件好事，不是吗？还是我在监督关注点分离？我问是因为如果我的第一个问题不是一个选项，我想使用这个元素引用在 OnInit 类的 ngOnInit 函数中对我想要的 onload 触发元素进行查询选择。

欢迎所有信息，看到 angular2 文档并不完整。谢谢你。