无法比较ng-model值和单选按钮的值，并“ng-show”一条消息

Question

在我设计的表单中，如果用户选择< input="date">的单选按钮，我希望为周年日显示value = "married"字段。

现在，我已经将div替换为“周年日期输入将会出现在这里”。

我的问题是，user.maritalStatus == 'married'始终设置为false。 我知道这是因为ng-show没有显示消息。 ng-hide显示此消息。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div class="form-group">
  <div class="btn-group col-md-6 col-md-offset-4" data-toggle="buttons">
    <label class="btn btn-default">
      <input type="radio" name="maritalStatusRadioBtn" value="single" data-ng-model="user.maritalStatus">Single
    </label>
    <label class="btn btn-default">
      <input type="radio" name="maritalStatusRadioBtn" value="married" data-ng-model="user.maritalStatus">Married
    </label>
  </div>
</div>

<!-- following does NOT work -->
<div data-ng-show="user.maritalStatus == 'married'">Anniversary date input will appear here</div>

我遵循了这些例子：

• http://codepen.io/SusanneLundblad/pen/iBhoJ
• OnClick radio button show hide div angular js - 迈克尔（最高票）回答的那个

但我没有让它发挥作用。

谢谢！

编辑：

Codepen链接：http://codepen.io/vipulnj/pen/KperpO