Angular ng-show(或ng-if)不更新值更改

发布时间：2020-12-17 17:25:03 所属栏目：安全来源：网络整理

导读：我在 plunker有一个简单的例子.我在一个元素上有一个ng-show,另一个元素有一个select. select应切换显示/隐藏其他(输入)元素.最初将select设置为Yes会按预期显示另一个输入元素.然后将select设置为No会将scope范围值按预期切换为false,但不会隐藏input元素.

我在 plunker有一个简单的例子.我在一个元素上有一个ng-show,另一个元素有一个select. select应切换显示/隐藏其他(输入)元素.最初将select设置为Yes会按预期显示另一个输入元素.然后将select设置为No会将scope范围值按预期切换为false,但不会隐藏input元素.

我已经搜索了与此相关的其他帖子,我发现的那些帖子在ng-show上有或没有{{}}(我不应该这样)或者没有在$scope上的值(我做).我认为可能是$scope.apply()问题,但是为什么第一个改为Yes工作？同时添加apply仍然不会使No(false)工作.我错过了什么？

TIA！

var app = angular.module('plunker',[]);

app.controller('MainCtrl',function($scope) {
  $scope.conf = {};
});

解决方法

您需要检查ng-show =“conf.is_ieee ==’true’”而不是ng-show =“conf.is_ieee”.检查这个plunker.

<div class="col-md-4" ng-show="conf.is_ieee=='true'">
    <label class="form-label">IEEE Conference ID:</label>
    <input type="text" class="form-control" name="ieee-id" ng-model="conf.ieee_id"/>
  </div>

http://plnkr.co/edit/MXvuhSPB0ChJyDrvPI55?p=preview

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!