问题标签 [angular2-databinding]

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

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

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

我一直在看这段代码，但我被困住了：我有一个绑定到组件模型的表单，并且[(ngModel)]绑定破坏了页面 - 页面不会呈现。我没有收到编译错误，也没有运行时调试器错误，但页面不会呈现。

在此页面上，模型似乎工作正常 - 我可以看到模型值正常，{{todo.title}}但是当我尝试使用 [(ngModel)]="todo.title" 将值绑定到表单控件时，应用程序会中断。

这是表格：

和超级简单的组件：

和：

从'@angular/core'导入{组件}；

如果我使用，代码可以工作（无论如何都是一种方式）：

我很确定模块加载和组件引用都是正确的，因为其他一切都按预期显示模型值，只要我不使用 [(ngModel)]。

有什么想法我在这里想念的吗？

对不起，基本问题，我正在尝试使用基本示例来理解 angular2 流程。

运行此示例后，“演示文本”在控制台中可见 4 次，为什么会这样？谢谢。

我试图在保持数据绑定的同时绑定到 innerHtml。这不起作用（输出 {{myVar}}）。

在我的真实应用程序中，myHtml 是 SVG 文件的内容（这就是我需要这样做的原因bypassSecurityTrustHtml）并且经常更改，因此我无法将它放入我的模板中（它可能来自 20 个不同的 SVG 文件）。

如果有办法为组件动态设置templateUrl，它也可以解决我的问题，但是经过一段时间的搜索似乎不可能。

在angular.io Docs Advanced中，您可以阅读以下代码：

我认为当绑定到一个常量值时，写应该就足够了（而且效率更高？）

我错了吗？为什么要动态绑定到一个常量值？

i am new to angular 2 i have a page that contains a select menu driven from a service , when select an item i get the Full object , this object contains child object i need to bind this child to a ng2-smart table , how can我这样做

这是我的 type.html

这是我的 type.component.ts

选定的对象结构，如

对象结构

我需要在 Object 对象中获取类型列表以将其绑定到表中，

提前致谢！

我有一个组件，我将用作加载多项选择题的外壳。到目前为止，组件的设置方式如下

零件

HTML 模板

现在这样设置的原因是因为我一开始尝试这样做的方式行不通，所以我去了英雄之旅教程来了解他们如何加载所有英雄。问题来自未定义的答案。因此，我以与他们对英雄相同的方式操纵该部分，只是为了做一些我能够遵循的事情，以确保我了解事物如何加载的机制。

我尝试这样做的原始方式是

我在 html 中调用它

{{expq.question}}、{{expq.name}}、{{expq.answers.id}}、{{expq.answers.answer}} 等。

起初只是加载问题它工作正常，但当我到达answers:它开始破坏的部分。我遇到了这个https://scotch.io/tutorials/using-angular-2s-model-driven-forms-with-formgroup-and-formcontrol并看到该addresses:部分的语法与我需要的语法几乎相同构建我的数据。所以我把所有东西都重新制作成类似的样子。我仍然没有运气让它工作。

最终，我将通过父组件发送问题，@input以及@output我遇到的其他一些技巧。但在我考虑之前，我需要掌握如何将数据全部放入一个源中，以便正确读取嵌套的数据位。我遇到的所有示例都是简单的单层数据，所以我不确定我需要使用的语法。我怎样才能使这项工作？

我在子组件中有这个属性：

在我的父组件的模板中，我使用插值通过属性绑定来设置它：

子组件模板以 submitButtonDisabled这种方式读取其属性：

调试我的打字稿代码，我看到属性绑定工作正常，但无论disableSubmitButton返回什么（布尔值），提交按钮都保持禁用状态。似乎组件在绑定发生之前被渲染。

这有道理吗？我的错误在哪里？

参考：Angular 2 - 组件通信

我需要从下拉列表中保存所选项目的帮助。这是我的代码。使用此代码，我可以通过按钮和console.log selectedProject.id功能。但我不能单独显示在 HTML 中。selectedProject.nameoutDataselectedProject.name

当我尝试打印此数据时，我收到此错误：

例外：未捕获（承诺）：错误： http://localhost:3000/app/home.component.html:2:48中的错误，原因是：self.context.selectedProject 未定义

我正在尝试创建以下 UI/UX 按钮：
.. [2015] [2016] [2017]

当前年份（在撰写本文时为 2017 年）默认为“选择”，但是，当用户单击“2015”时，应取消选择“2017”和“2016”（这些按钮是“互斥的”）

这些按钮是从一个为我提供多年数据的外部数据源生成的：

How can I create a system of buttons where one button is 'auto-selected', and when 'other' button is selected, it deselects the button that's actively selected, and sets the now clicked button to 'selected'?