我正在编写一个 Angular 应用程序，并且我想要显示一个 HTML 响应。

我怎么做？如果我只是使用绑定语法{{myVal}}，它会编码所有 HTML 字符（当然）。

我需要以某种方式将innerHTMLa绑定div到变量值。

This example shows how to use @Input() annotation on child components. My question is how do you use it on root component? For example if you modify code on the link above:

And in html:

The above example never updates something property on App component.

我们正在使用 Angular 2 和 TypeScript 构建一个应用程序。我们尝试在可能的情况下静态检查类型。有没有办法检查模板中的类型？考虑以下片段：

假设data在Foo组件中有某种类型TData。但是，默认情况下，没有什么能阻止我传递dataObj不符合TData. 是否有 Angular 模板的打字稿扩展可以在这种情况下验证类型？

我想在我的模板中创建一个项目列表，用逗号分隔，但我不希望最后一个项目有逗号：

如何使用 Angular 2 的模板语法来实现这一点？

使用路由器链接注入模板组件时的Angular2路由器链接问题

我有一个 app.ts 文件，我想将导航组件依赖注入到我的 app.ts 文件中。

我制作了一个有模板但没有功能的导航组件。该模板可以很好地注入 app.ts。但是，当我将路由链接添加到模板时，我总是在仅使用路由器链接时遇到控制台错误。

这是我的导航组件 ts 文件：

这是我的导航组件 html 文件：

这是我的 app.ts 文件：这个文件注入了上面的导航组件：

这是我从控制台收到的错误消息：

精简版

这个Plunker定义了一个<view>可以渲染任意模型+模板的组件。这需要更改以替换先前呈现的内容，而不是附加新的对等点。

编辑：由于 user3636086 的响应，现在可以正常工作。

一个问题仍然存在：与 Angular 1 不同，Angular 2 迫使我创建一个嵌套组件来更新模板（因为模板实际上是组件类的静态属性），所以我添加了一堆不必要的 DOM 节点。

长版

角 1

在我们的项目中，我们希望我们的大部分代码不直接依赖于 UI 框架。我们有一个将模型和视图联系在一起的视图模型类。以下是简化示例：

我们有一个view指令可以显示以下视图之一：

如果viewInstance发生更改，则会在 DOM 中的该位置呈现一个新的 View 对象（模型 + 模板）。例如，这个 Dashboard 视图可以具有它可以呈现的任意视图列表：

一个关键点是这是可组合的。<view>可以包含 a<view>可以包含 a ，<view>依此类推。

在 Angular 1 中，我们的view指令看起来像这样：

角 2

我正在尝试将其移植到 Angular 2，但在 DOM 位置动态加载新模板非常笨拙，迫使我每次都创建一个新的组件类型。

这是我想出的最好的（更新了来自 user3636086 的反馈）：

使用了这样的东西：

编辑：这有现在已经解决的问题。

剩下的问题是它创建了一堆不必要的嵌套 DOM 元素。我真正想要的是：

相反，我们有：

我们嵌套的视图越多，情况就越糟，这里没有一半的行是无关紧要的废话：

它在 alpha 42 上运行良好，但在 beta0 上 ngFor 没有渲染任何东西。组件代码：

catalog.html 模板代码：

根应用组件

这个模板包括正确，因为我可以在页面上看到 h1 测试，但我看不到 ngFor 的结果

我目前正在使用最新的 angular.beta.0 并按照他们的快速入门教程和路由器教程进行操作。该应用程序运行良好，但在检查生成的 DOM 时，会<undefined>生成一个标签。它不会引起任何问题，但我希望它得到澄清。

undefined 标记包含其中的整个应用程序标记。

http://jsfiddle.net/48yh14c3/

在角度 1 中，您可以引用深层属性，并且（在大多数情况下）它会继续摇摆：

我确定我可以只 *ngIf 父属性以确保它存在，或者展平原始 POJO。只是想知道我是否遗漏了什么？

我的页面中有一个子导航，它在公共主视图下方显示一些子视图。我想通过 将一个对象传递给子视图，<router-outlet>以便我可以在主组件中检索一次数据并与我的子组件共享它。

<one></one>注意：如果我在main.html中包含该指令，它可以工作，但这不是我想要的行为。

主视图：

子视图1：

主视图：

子视图1：