ng-设置复选框值后显示不工作
是指在使用Angular框架开发前端应用时，当通过代码设置复选框的值后，复选框的显示状态没有按预期工作的问题。
解决这个问题的方法有多种，具体取决于代码实现和使用的Angular版本。以下是一些可能的解决方案：
- 检查ngModel绑定：确保复选框的ngModel绑定正确。ngModel是Angular中用于双向数据绑定的指令，它将复选框的值与组件中的属性进行绑定。确保ngModel绑定的属性与设置复选框值的属性一致。
- 使用ngModelChange事件：在复选框的ngModel绑定上添加ngModelChange事件，当复选框的值发生变化时触发该事件。在事件处理函数中，可以执行相应的逻辑来确保复选框的显示状态正确。
- 使用ngModelOptions指令：ngModelOptions指令可以用于配置ngModel的行为。尝试在复选框的ngModel绑定上添加ngModelOptions指令，并设置updateOn属性为"change"或"blur"，以确保复选框的值在特定事件触发后更新。
- 手动更新复选框状态：在设置复选框的值后，手动更新复选框的状态。可以通过在组件中使用ViewChild装饰器获取到复选框的引用，然后调用其setChecked()或toggle()方法来更新状态。
- 检查变更检测策略：Angular中的变更检测策略决定了何时检测和更新组件的状态。确保变更检测策略设置为默认值，即OnPush。
以上是一些常见的解决方案，根据具体情况选择适合的方法。如果问题仍然存在，可以提供更多的代码和上下文信息，以便更好地理解和解决问题。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器CVM：https://cloud.tencent.com/product/cvm
- 云数据库MySQL：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎TKE：https://cloud.tencent.com/product/tke
- 人工智能平台AI Lab：https://cloud.tencent.com/product/ai
- 物联网平台IoT Hub：https://cloud.tencent.com/product/iothub
- 移动开发平台MPS：https://cloud.tencent.com/product/mps
- 云存储COS：https://cloud.tencent.com/product/cos
- 区块链服务BCS：https://cloud.tencent.com/product/bcs
- 元宇宙服务：https://cloud.tencent.com/product/metaspace
相关·内容
1回答
我有一个复选框，它在单击时显示/隐藏图形。当我在控制器中更改它的点击属性时，按钮被点击，但图形不可见。chart-dataset-override="datasetOverride" chart-click="chartClicked"> </div>以及我如何在控制器中设置它的值
浏览 21提问于2017-07-29得票数 0
2回答
重复显示复选框，如果值为true，则选中复选框；如果值为false，则不选中复选框。"> </tr>
我试着用ng请告诉我如何显示选中的复选框，何时aa.allowoption为真，而不
浏览 3提问于2014-02-11得票数 0
回答已采纳
我不希望ng-消息继续显示，直到用户输入有效的输入。所以我想隐藏信息，比如说，在播放5秒后。现在，我如何手动设置ng-消息为非活动或隐藏它在几秒钟后？
浏览 7提问于2015-07-23得票数 1
回答已采纳
我正在尝试生成具有ng- select的复选框。从下拉列表中选择一个值后，我将根据值模型获取值。在我选择任何复选框后，只选中第一个复选框。我无法选择其他复选框任何人告诉我如何选择任何一个或多个复选框，以便我可以基于ng- selected.But绑定这些值。
浏览 7提问于2017-08-12得票数 1
ng-options="item as item.name for item in items" </select>我有一个使用ng选项和ng更改事件的复选框Ng-变更文件如下：
显然，如果我以编程方式将模型设置为
浏览 2提问于2015-09-16得票数 2
回答已采纳
3回答
因此，基本上，我使用ng-重复创建了这个菜单，它在数组中显示一个对象字段。然后，当我单击其中一个显示的字段时，我想再做一个ng-重复，这将把其他字段推到下面。我只想激活这第二个ng-重复点击和撤销，如果用户再次点击。也就是说，ng-重复只会在用户单击按钮后发生.
知道我该怎么做吗？如果单击集合后单击一本书，我希望它将值设置为!value。将值设置为true或false必须在集合和书
浏览 7提问于2017-08-25得票数 1
回答已采纳
当未选中用户复选框时，我希望有假值。在检查复选框时，addUser.isAllOrgSelected中的值设置为“true”。但是，如果没有选中复选框，则值不会被设置为'false‘。id="checkbox-1-1" class="regular-checkbox"
ng-true-value="true" ng-false-valu
浏览 1提问于2017-05-17得票数 5
回答已采纳
1回答
我希望过滤器的功能就像下面第一个注释中的小提琴一样工作，但是没有从ng-重复中捕获复选框类别，我只想编写复选框的值，并在复选框的HTML值中写入过滤的单词。
浏览 2提问于2017-02-11得票数 0
回答已采纳
我有一个奇怪的情况，我的复选框没有被勾选使用角(1.5)。我签了铬巴塔朗，它看起来还好，但我的复选框没有被勾选时，点击我的链接！？有人能看到超链接为什么不检查复选框吗？我希望“突出显示”属性控制是否选中复选框。
查看该方法在Chrome中所做的事情，高亮属性被正确设置，这反过来应该会切换复选框<
浏览 0提问于2016-12-10得票数 0
我想使用ng-重复进行多选复选框。如果我没有预选的复选框，它就能正常工作。但是，当我预选了复选框，那么它的行为是完全不寻常的。如果我不这么做，它就会给我一个不明确的定义。当我对某些帐户进行“最后一次检查”时，它就会显示预选中的值，但当我试图撤回$scope.selectedAccounts时，它会给出空数组。
浏览 13提问于2016-05-03得票数 0
回答已采纳
答案可以通过复选框进行选择。在value字段中，如果答案正确(真)或错误(假)，则保存。我只是在想，我可以通过获得ng-有效和ng-无效来简单地工作。答案是错误的，当点击这个答案的复选框时，它的文本应该是红色(或某物)。当取消选举时，它应该恢复正常。正确的答案也是如此。checkbox" value="{{ a.correct }}" ng-pattern="true" ng-model="field.value"> {{ a.t
浏览 3提问于2014-05-30得票数 0
回答已采纳
3回答
只有当用户首先选择了至少一个复选框时，我才试图显示div元素。selectedElements.length > 0"> $scope.selectedElements = [];<input type="checkbox" ng-model="selectedElement
浏览 1提问于2017-05-16得票数 0
回答已采纳
2回答
当用户单击“上传”按钮时，左侧图像将出现，上传后，我在图像右侧提供了"X“标记，单击"X”我隐藏了上传的图像。再一次，如果我上传的图片和我之前上传的一样，那为什么不上传呢？function(){
$scope.deletePreviewImage = true;在图片上传说"1.jpeg“之后，它将显示为左侧图像，在此图像上单击"X”后，它将隐藏，稍后，如果我上传相同的图像，说"1.jpeg“，我无法加
浏览 0提问于2016-11-21得票数 1
回答已采纳
是否可以安装SyncedSideBar或类似于Atom IDE的东西？我喜欢它自动高亮当前opened文件的方式有什么建议吗？
浏览 3提问于2018-02-19得票数 2
回答已采纳
2回答
我有一个带有多个复选框的表单，其中使用ng-重复显示JSON文件中的复选框数据。现在，当我提交表单时，我想从复选框中获取检查过的数据。提交表单后，如何访问已检查的数据？我做了一些研究，现在我可以使用ng-model="s.checked"在页面上显示检查过的数据，但是如何在控制器的末端访问检查过的数据。
有关详细信息，请参阅此
浏览 0提问于2014-03-04得票数 0
回答已采纳
2回答
我想验证一个表单中有多个无线电复选框内ng-重复。如何使用单选按钮输入验证所选选项：所需字段应准确地显示到ng-重复循环中选定的单选按钮中.
浏览 3提问于2015-02-10得票数 1
回答已采纳
1回答
工作角度为1.5.x双向绑定给出了问题，UI不反映基于模型值选择的单选按钮。模型 Yes:"Yes" Maybe:"May be"这里是，不，可能是三个无线电复选框在一排相同的标签。当我选择Yes时，模型将有Yes:" Yes“对象，当我们在将模型值保存到服务器后打开页
浏览 1提问于2019-03-13得票数 1
2回答
我希望能够使用ng-重复生成复选框，根据存储的数据获取尽可能多的复选框，并使用这些复选框对生成的表进行筛选。我已经用密码做了一个plnkr。用于筛选Ref的复选框。
基于ng-repeat使用Ref生成的复选框。
浏览 0提问于2015-06-22得票数 3
回答已采纳
1回答
我有两个复选框。验证条件在表单提交上，只有在选中一个复选框时，表单才有效。 if (checkBoxes[i].checked) { }};因此，当CheckedDatesCount = 0 ||CheckedDatesCount
浏览 1提问于2016-07-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
