问题标签 [angular2-databinding]

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 回答
211 浏览

angular - Angular 教程:英雄之旅第 2 课:数据绑定到 selectedHero 中的英雄

https://embed.plnkr.co/?show=preview上的 Angular 教程第 2 课中

我可以在 HeroComponent 模板中看到,[(ngModel)] 是 2-way 绑定 selectedHero.name 随着输入值的变化。怎么会同时在上面的英雄列表上绑定和改变 {{hero.name}} 1-way interpolation?如果它是列表中的 {{selectedHero.name}} 插值应该是有意义的,对吧?

有人可以向我解释我错过了什么基本逻辑吗?

提前致谢。

0 投票
1 回答
63 浏览

angular - 如何在 InteliJ 中为 TypeScript 元素设置 HTML 代码样式的绑定标签之间的空格?

<h1>{{typeScriptVar}}</h1>我不想在 Angular 中绑定元素时使用默认值,而是想<h1>{{ typeScriptVar }}</h1>在我的 InteliJ 中按下格式代码快捷方式时将其设置为。

你能帮我吗,我对此进行了一些研究,但没有找到我想要的答案。

0 投票
1 回答
131 浏览

angular - Angular 组件标签绑定方法

我正在尝试在父组件的 html 中设置组件的宽度和高度以及其初始声明。具有以下组件标记(在父级的 html 中):

setStyle()画板组件(本身)上的方法在哪里:

是否有可能达到这种方法(不是我现在所说的方式,因为它会连续给出编译时错误和不希望的运行时行为)?或者当它在这个地方渲染时组件还没有被实例化,这需要以某种不同的方式完成吗?

0 投票
1 回答
114 浏览

html - Angular 5 绑定

我是 angular 5 的新手,我正在研究根据行李和乘客数量计算汽车数量的任务,因为每辆车都有特定的容量。所以用户输入这两个数字然后我显示一个下拉菜单来选择汽车类型如果所选类型的容量小于用户输入的行李或乘客我显示另一个下拉菜单..等直到行李和乘客的汽车总容量等于或大于用户输入的值,这是我正在处理的内容的一个简短说明。

问题是:如果用户选择了第一辆车并且容量小于输入的乘客和行李编号数据,它会显示另一个字段,但该值不会出现在第一个字段中,直到我从下一个字段中选择另一辆车然后我再次返回选择第一个字段的值(我知道它已经在我已经检查过的数组中,但该值没有出现在选择框中)。

我想要实现的是在第一个字段中显示该值,而不是在选择第二个或第三个值之后选择它,然后再次重新选择它。

这是component.Html部分

如果您想看一下,这是我的整个组件: Angular 组件

0 投票
1 回答
1117 浏览

angular - 离子日期时间绑定到纪元

我有一个模型,它要求日期/时间以 Unix Epoch 格式为毫秒。我曾尝试使用 Moment 界面 Date | 数字作为类型,我似乎无法正确理解。

我希望控件以人类可读的格式显示,选择器也一样,但我希望数据绑定模型是数字的。我不能使用管道(“动作表达式中不能有管道”)。我应该删除双向数据绑定,转换 changeModel 函数中的值并使用类似函数填充 person.date_of_birth 吗?

.html

.ts:

let person={name: string, date_of_birth: numeric};

该模型被写入移动设备上的本地数据库(pouchdb/sqlite),然后通过 nodejs REST API 与 mongodb 数据库同步。它只显示在这个 html 页面上,所以我真的希望它在其他任何地方都是数字。

0 投票
0 回答
338 浏览

angular - ngFor 内部的数据绑定

我正在做一个项目,我从后端收到多个选项的问题。现在在其中一种问题类型 - 多选网格问题中,我们正在尝试创建这样的视图

在此处输入图像描述

为此,我在 html 中编写了这段代码,

在更改事件中,我只是将特定问题和选定选项推送到数组中。

到目前为止它工作正常,但是当我去不同的问题并再次回来时,我遇到了一个问题。再次回到这个问题时,我再次通过先前选择的选项创建一个数组,并从该数组中检查用户是否以前检查过特定选项。

但在我看来,我得到了这样的回应——

在此处输入图像描述

我相信这是因为表单控件不是唯一的,因为即使 checkMultiChoiceGridSelectedOption 函数对于第二个问题的“问题第 2 行”-“真”选项也返回假,但它仍然认为是真。还有其他方法可以在 ngFor 中绑定数据吗?(ngModel 也不起作用。)

提前致谢。

0 投票
2 回答
800 浏览

angular - Angular 2+从视图目标到数据源的一种方式数据绑定

在我的角度应用程序中,我有一个允许用户设置描述值的元素。我希望该值在数据源中是可访问的。我使用 2-way 数据绑定使其工作,如下所示:

但是,考虑到我的用例,这里不需要 2 路数据绑定。虽然视图模型需要能够更新数据源,但事实并非如此。

我尝试使用 来执行此操作(ngModelChange),但这似乎没有被调用(我通过OnChanges()数据源中的方法输出值对此进行了测试)。

我怎样才能最好地重新编写此代码,以便我的<textarea>值仅从视图源绑定到数据源,而不是相反?

0 投票
1 回答
36 浏览

angular2-databinding - 如何将 Angular 组件中声明的变量值绑定为(单击)函数名称?

onClick 函数名称希望它从后端传递

0 投票
1 回答
205 浏览

html - 将 HTML(使用 angular 2 指令)从服务器插入 DOM

我有大约 2,000 行 HTML 代码,可以从我的 Java 服务器中检索。该 HTML 代码内部也有 angular 指令,例如ngIf*and(click)[ngClass]。当我尝试使用以下方法在客户端中显示该 HTML 时:

*ngIf我看到所有 HTML 元素都正确显示,但没有任何 angular 指令正常工作(例如一些 HTML 应该(click)用解决这个问题?

我需要这个功能,因为我将我的代码作为 JAR 文件交付给不同的用户以在他们的本地机器上运行,并且我想从一些 Amazon 的 S3 提供 HTML 代码,这样我就可以在我想给他们的网站更新时更新它.

我尝试查看以下答案,但那些处理来自服务器的纯 HTML,并且没有任何角度指令。

使用 angular2 将 HTML 从服务器插入 DOM(Angular2 中的一般 DOM 操作)

角度 HTML 绑定

0 投票
2 回答
434 浏览

angular - Angular - 未捕获的错误:无法分配给引用或变量

我有一个Angular 8应用程序。

app.component.html

但这是抛出错误。

compiler.js:7627 未捕获的错误:无法分配给引用或变量!在 _AstToIrVisitor.visitPropertyWrite (compiler.js:7627)

我想了解这个错误定义和原因。我怎样才能摆脱这个

另外,我不想在我的app.component.ts. 我需要访问isAgree视图中的标志值。所以理想情况下我正在尝试如下。

但价值并没有体现出来。

我怎样才能以这种方式获得价值?

我知道我正在结合 2 个问题,但两者似乎都非常相关。因此就这样做了。

谢谢!