ng-show - Angular ng-show(或 ng-if)不随值变化而更新

Question

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

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

蒂亚!

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

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

Answer 1

您需要查看 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