问题标签 [angular2-template]
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.
angular - 角度 HTML 绑定
我正在编写一个 Angular 应用程序，并且我想要显示一个 HTML 响应。
我怎么做？如果我只是使用绑定语法{{myVal}}，它会编码所有 HTML 字符（当然）。
我需要以某种方式将innerHTMLa绑定div到变量值。
angular - Angular 2 input parameters on root directive
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 - Angular 2 模板中的类型检查
我们正在使用 Angular 2 和 TypeScript 构建一个应用程序。我们尝试在可能的情况下静态检查类型。有没有办法检查模板中的类型？考虑以下片段：
假设data在Foo组件中有某种类型TData。但是，默认情况下，没有什么能阻止我传递dataObj不符合TData. 是否有 Angular 模板的打字稿扩展可以在这种情况下验证类型？
angular - 在 Angular 2 中使用逗号作为列表分隔符
我想在我的模板中创建一个项目列表，用逗号分隔，但我不希望最后一个项目有逗号：
如何使用 Angular 2 的模板语法来实现这一点？
javascript - 使用路由器链接注入模板组件时的Angular2路由器链接问题
使用路由器链接注入模板组件时的Angular2路由器链接问题
我有一个 app.ts 文件，我想将导航组件依赖注入到我的 app.ts 文件中。
我制作了一个有模板但没有功能的导航组件。该模板可以很好地注入 app.ts。但是，当我将路由链接添加到模板时，我总是在仅使用路由器链接时遇到控制台错误。
这是我的导航组件 ts 文件：
这是我的导航组件 html 文件：
这是我的 app.ts 文件：这个文件注入了上面的导航组件：
这是我从控制台收到的错误消息：
angular - 将模型和模板动态绑定到 Angular 2 中的 DOM 节点
精简版
这个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 元素。我真正想要的是：
相反，我们有：
我们嵌套的视图越多，情况就越糟，这里没有一半的行是无关紧要的废话：
javascript - NgFor 不工作 角度 2
它在 alpha 42 上运行良好，但在 beta0 上 ngFor 没有渲染任何东西。组件代码：
catalog.html 模板代码：
根应用组件
这个模板包括正确，因为我可以在页面上看到 h1 测试，但我看不到 ngFor 的结果
javascript - 在 angular2 beta 0 应用程序中生成 html 标签
我目前正在使用最新的 angular.beta.0 并按照他们的快速入门教程和路由器教程进行操作。该应用程序运行良好，但在检查生成的 DOM 时，会<undefined>生成一个标签。它不会引起任何问题，但我希望它得到澄清。
undefined 标记包含其中的整个应用程序标记。
angular - 在angular2的空数组中模板/渲染属性？
在角度 1 中，您可以引用深层属性，并且（在大多数情况下）它会继续摇摆：
我确定我可以只 *ngIf 父属性以确保它存在，或者展平原始 POJO。只是想知道我是否遗漏了什么？
typescript - Angular2使用@Inputss
我的页面中有一个子导航，它在公共主视图下方显示一些子视图。我想通过 将一个对象传递给子视图，<router-outlet>以便我可以在主组件中检索一次数据并与我的子组件共享它。
<one></one>注意：如果我在main.html中包含该指令，它可以工作，但这不是我想要的行为。
主视图：
子视图1：
主视图：
子视图1：