当我绑定一个false值时，我的angular 7 web组件@Input<boolean>不工作
当您绑定一个false值时，您的Angular 7 Web组件的@Input<boolean>不工作的原因可能是由于Angular的变更检测机制。
在Angular中，当一个@Input属性绑定发生变化时，Angular会检测这个变化并更新组件的视图。然而，当您绑定一个false值时，由于JavaScript中的false值被认为是一个无效的变化，Angular的变更检测机制可能无法检测到这个变化。
为了解决这个问题，您可以尝试以下几种方法：
- 使用ngOnChanges生命周期钩子函数：在组件中实现ngOnChanges生命周期钩子函数，并在该函数中检测@Input属性的变化。这样，无论绑定的值是true还是false，都能够触发相应的逻辑。
- 使用setter方法：在组件中为@Input属性创建一个setter方法，并在该方法中处理属性的变化。这样，当您绑定一个false值时，setter方法会被调用，您可以在其中执行相应的逻辑。
- 使用ngDoCheck生命周期钩子函数：在组件中实现ngDoCheck生命周期钩子函数，并在该函数中手动检测@Input属性的变化。这样，您可以在每次变更检测周期中检测属性的变化，并执行相应的逻辑。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云函数计算（云原生无服务器计算服务）：https://cloud.tencent.com/product/scf
- 腾讯云云数据库 MySQL 版（高性能、可扩展的关系型数据库）：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云服务器（弹性计算服务）：https://cloud.tencent.com/product/cvm
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台（连接和管理物联网设备的云服务）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发（移动应用开发与运维解决方案）：https://cloud.tencent.com/product/mobdev
- 腾讯云对象存储（海量、安全、低成本的云端存储服务）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（基于区块链技术的一站式解决方案）：https://cloud.tencent.com/product/baas
- 腾讯云虚拟专用网络（安全、可扩展的云上私有网络）：https://cloud.tencent.com/product/vpc
请注意，以上链接仅供参考，具体的产品选择应根据您的实际需求和情况进行评估和决策。
相关·内容
1回答
当我绑定一个false值时，我的angular 7 web组件@Input<boolean>不工作
javascript、angular、angular-elements
我已经设置了一个应用程序，该应用程序使用angular自定义元素包从angular 7导出web组件。一切都很好。table.someInputProp = 'Works Great';当我试图绑定到一个文本false
浏览 7提问于2019-07-23得票数 1
回答已采纳
1回答
将双向绑定属性设置为主机元素Angular 4
angularjs、angular
有没有办法为Angular 4中的Host元素动态添加一个双向绑定(somemodel)属性？我们知道@HostBinding不支持这一点，因为我们看到的最常见的例子是向host添加类或属性。有没有办法像这样使用Angular 4替换宿主元素？如果有人能为我们指明正确的方向，我们对动态加载模板/组件持开放态度。
在Angular 1中，我们使用文本替换宿主元素标记，并执行$compile(作用域)。在使用动
浏览 0提问于2017-10-20得票数 0
2回答
@Input属性没有第二次更新
javascript、angular、typescript、angular7
我正在创建一个可重用的组件，它可以从任何外部组件中显示，但可以使用相同组件中的函数隐藏，但是父组件中的属性更改并不是更新子组件。
这是同样的堆栈闪电战。我需要“显示”按钮应该始终显示组件，我可以使用“隐藏”按钮随时隐藏组件。
浏览 0提问于2019-09-03得票数 2
回答已采纳
1回答
为什么UiKit组件不接受角度输入？
javascript、angular、typescript、input、uikit
我试图将布尔值作为输入传递，如下所示： }
console.log(">>>>>>>UIkit.accord
浏览 2提问于2017-04-19得票数 0
回答已采纳
1回答
如何在Angular2中编写无ngModel双向绑定的自定义指令
angular、angular2-directives
在angular2中，如何编写具有双向绑定的自定义指令，我不想使用naModel进行数据绑定。指令：@Direct
浏览 15提问于2016-07-23得票数 0
回答已采纳
1回答
通过输入修改父值
angular、typescript
因此，我试图做一个简单的模态模块，我希望能够传递给它一个简单的属性来决定是否应该打开它。因此，父组件将布尔值传递给输入值，如下所示：这是足够好的工作，并显示模式如预期。但是，由于该模型有自己的关闭按钮，它需要一种将值更改传递回输入并将父组件</e
浏览 3提问于2016-11-02得票数 0
回答已采纳
7回答
Angular元素：@Input修饰器不使用变量
angular、custom-element、angular-elements
我有几个独立的web组件，由角度元素组成，我将它们导入到一个主组件中，它有一个路由器，是基本应用程序。onCallback(event) { this.router.navigate(['example-two']);}
组件做它们应该做的事情import { Component, Input,
浏览 0提问于2018-09-27得票数 3
1回答
角2:无法通过两种方式绑定到自定义组件中。
angular、custom-component
我试图制作一个简单的角度2组件，显示一个开关按钮。它几乎是工作的，除非父值在使用ngModel时没有更新。以下是我的自定义组件：selector
浏览 3提问于2017-03-29得票数 2
回答已采纳
1回答
将子组件销毁为父组件的通知
angular
有没有办法让我知道子组件是否被销毁了。我知道ngOnDestroy生命周期钩子，但是我的需求有点不同。我已经知道服务可以提供帮助，或者也可以通过事件发送来实现。我真正想知道的是，如果有一种方法，angular提供了一个标志，表明组件被销毁了，或者可能是一个我可以关联<em
浏览 2提问于2018-06-29得票数 0
1回答
角2打开菜单点击
angular、angular2-services
header.component.html有一个按钮，当你点击，菜单桅杆显示在users.component.html.中单击“添加类到”按钮。当单击标题中的按钮(没有jQuery)时，如何将类添加到菜单块？header.component.tsimport {Router} from "@angular/router";user: Object = {};
浏览 2提问于2017-01-11得票数 2
14回答
角2复选框双向数据绑定
html、angular、typescript、checkbox、data-binding
我是Angular2的新手，我有个小问题：<div class="checkbox"> <input #saveUsername [(ngModel)]="saveUsername.sele
浏览 13提问于2016-10-24得票数 263
回答已采纳
2回答
Angular元素-可以进行数据绑定输入吗？
javascript、html、angular、angular-elements
我在网上到处找，都找不到答案。我想知道，在将Angular元素的输入转换为脚本并转换为普通的HTML/JavaScript文件后，是否可以对其进行数据绑定。我在一个Angular环境中测试了数据绑定一个Angular元素，它工作得很好。只有当我将它作为脚本带到普通的HTML/JavaScript中时<
浏览 16提问于2021-08-18得票数 0
4回答
Angular 2 Typescript: TypeError: this.validator不是函数
typescript、angular
我正在使用ControlGroup构建一个窗体，并在其中加载一个类对象。然而，我有一半的时间会遇到标题中提到的错误。有些表单会加载，有些则不会。我有一个这样的类文件： id: number; sign_in_count: number; first_name: string;
l
浏览 0提问于2016-06-01得票数 27
回答已采纳
1回答
角度材质选择可选的多个选择
angular、angular-material
你好，我正在尝试将选择的角度材质包装在一个共享组件中。除了一件事，那就是“多重”属性之外，所有的东西都像魔咒一样工作。我试图绑定到一个"@Input()“属性"multiple"，代码如下 dropdown.component.ts import { Component, Input } from '@angular/@Input(
浏览 24提问于2019-06-22得票数 2
回答已采纳
1回答
具有动态属性的Angular指令
angular
我需要在Angular中渲染控件的属性。这些属性将基于属性进行配置。用户将发送一个JSON文件，该文件将被序列化为typescript中的对象。此typescript文件将用作组件上的绑定。{ "col": 2, "label": &
浏览 2提问于2018-02-24得票数 0
3回答
如何根据某些条件在angular 2中将文本框设为只读/可编辑
angular2-template、angular2-forms
我有一个文本框，我想在某些条件下只读，在一些条件下可编辑的字段，所以字段应该根据条件在只读/可编辑之间切换，如何实现这一点？
浏览 0提问于2018-01-03得票数 2
1回答
单元测试在可重用角度模式组件的属性绑定上失败。
angular、unit-testing、karma-jasmine
我已经构建了一个可重用的模态组件，它在ng服务器上工作得很好(控制台中没有错误)，但是当我运行ng测试时，我得到了错误“模板解析错误:无法绑定到'enableCancel‘，因为它不是’模态‘的已知属性为什么这不是我的属性绑定？modal.component.ts
import { Component, OnInit, Input }
浏览 0提问于2018-01-24得票数 0
5回答
聚合物-AngularJS双向数据绑定
javascript、angularjs、element、polymer、shadow-dom
我有一些用创建的自定义元素。} > <span>{{age}}</span> </polymer-element><html ng-app="testApp">JS：
testA
浏览 9提问于2014-05-09得票数 2
回答已采纳
2回答
获取父组件中的子窗体值，单击父组件中的按钮
angular2-forms
我有一个类似于这个的父组件 <div class="selection-area active" style="max-height:initial;" contact-details<div><input type="text" name="name" value="{{contactDetailsD?.firstName}}"
浏览 3提问于2017-06-13得票数 0
2回答
Angular 2中的复选框过滤器
angular、angular2-forms、angular2-directives
我在一个表中有一个对象(任务)数组和两个复选框："Night“和"Day”。@Component({
sele
浏览 0提问于2017-08-19得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
