问题标签 [angular2-inputs]
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 - Angular 2 NgModel 与输入和事件
我可以使用NgModel进行组件交互还是只使用输入和事件?
NgModel应该只在表单中使用?
javascript - Angular 2 Change Detection 使用数组和@Inputs 延迟了几秒钟
我知道 Angular 2 中有大量关于变更检测的信息,并且我一直在尽我所能来了解它。我认为我的问题可能与 Array 的可变性属性有关,但我不确定。所以我们有这些来自 Firebase 的“桶”,我将它们推入一个数组,然后将其传递给一个子组件。这一切都奏效了,数组很快就被填充了,但它需要几秒钟才能在页面上呈现。(但是,当我尝试添加一些 setIntervals 和 setTimeouts 时,它的工作速度要快得多,但除非有一个干净的解决方案,否则我宁愿不这样做。)有没有人足够了解幕后发生的事情简单地向我解释并帮助我吗?谢谢!
angular - Angular 2 复选框验证类
我在带有 Validators.required 集的 formGroup 中有一个复选框输入类型。问题是当我单击复选框验证类 ng-untouched 时,不会将其更改为 ng-touched。我该如何解决这个问题?
谢谢
angular - 具有输入值的 Angular2 Bootstrap 组件
如何将输入值传递给需要在 angular2 中引导的组件
在引导时,如何将一些值传递给 sampleInput?
我的 SampleComponent 代码是,
angular - 从Angular 2中的子组件更新父组件属性
我正在使用@input
从父组件接收属性,以便在子组件的元素之一中激活 CSS 类。
我能够从父级接收属性并激活类。但这仅适用于一次。我从父组件接收的属性是一个布尔数据类型,当我将它的状态设置为false
来自子组件时,它在父组件中不会改变。
Plunkr:https ://plnkr.co/edit/58xuZ1uzvToPhPtOING2?p=preview
应用程序.ts
头文件.ts
标头/search.ts
请检查上面给出的 plunker。开放式搜索功能只工作一次。关闭搜索后,不再触发。
是@input
这种情况的正确用例吗?请帮我解决这个问题。(请更新插件)。
angular - @Input 没有从父组件接收数据
我刚开始使用@Input
Angular 的功能,到目前为止一切都很好。我使用 Firebase 作为我的数据库,我调用的数据块看起来像这样
我现在唯一遇到的问题是让子组件读取父组件中完全正常的questions
数据console.log()
,这意味着服务文件正在传递它。我是这样称呼它的。
父组件
父模板
子组件
我什至回到父组件并像这样在它自己对数据库的调用中调用它
它仍然没有对子组件产生影响。通过我一直在研究的其他元素,另一个和其他所有元素都显示得很好。
我在我遇到的一些文章和教程中看到他们强调在父组件中导入和声明子组件,但我已经看到其他他们只是在主模块中声明父组件的地方组件链接到,这就是我设置它的方式。我不知道这是否有所作为。我见过导入多个@Input
s 的其他示例,但我看不出我在做什么不同。
angular - “FirebaseObjectObservable 类型上不存在属性'...'" 处理使用@Input 接收的数据时出错
我通过该 console.logs 将一大块数据传递给子组件@Input
,但是当我开始处理数据时,它会抛出一个错误,指出我试图访问的对象在 type 上不存在FirebaseObjectObservable<any>
。
这是数据块的结构
在子组件内部,它是这样交付的
这个子组件将在其他父组件中使用,并且根据调用它的父组件来填充它自己的子组件。到目前为止,我想我会使用 if 语句来确定显示哪些数据集。到目前为止,它看起来像这样
我正在使用它来切换模板中的其他元素,如下所示
我这样做是为了根据父组件发送我想要的问题,因为它们都不是一个部分独有的,但它们并非全部用于所有内容,所以我想我只需手动设置它们并*ngIf
使用在适当的时候打开和关闭它们。
questions
收到的对象中@Input
有 3 个问题。如果expbTrigger = true
我想使用问题 1 和 2。如果rebbTrigger = true
我想使用问题 3。我认为这段代码可以工作
但我得到这个错误
问题 2 和 3 也是如此。当我注释掉代码并console.log(questions)
记录它并显示其中的所有问题时。我也尝试将其移入ngAfterViewInit
,并得到了同样的错误。我看到的每个示例几乎都是单层数据,因此很难判断我在检索嵌套数据体方面做错了什么。任何人都可以帮忙吗?
angular - angular2 - 参考组件中的模板引用变量以更改值属性
如何在 Angular2 中访问组件中元素的 value 属性?
在模板中:
在组件代码中:
我知道我可以将 myInput.value 传递到代码中,但我需要引用以便我也可以使用该函数来更新元素的 .value 属性。
我想知道是否有一种方法可以做到这一点,它不涉及两种方式绑定到全局变量,因为我认为拥有尽可能少的全局变量会更干净。谢谢!
angular - Angular2:将装饰器添加到子类中继承的装饰器
我的 Angular2 项目中有以下代码:
在这种情况下,所有工作都像一个魅力:field
在组件“栏”中成功设置。
但是,如果我尝试向Input
子组件添加一个或多个,它就不起作用。这是新代码:
在这种情况下,我收到以下错误:
未处理的承诺拒绝:模板解析错误:无法绑定到“字段”,因为它不是“栏”的已知属性。
似乎设置新的装饰器变量 ( anotherField
) 隐藏了继承的装饰器变量。我对吗?
那么,如何将一个或多个装饰器变量添加到一个类中,该类扩展了一个拥有自己的装饰器的类?
编辑:我目前正在使用 Angular 2.4.2。