javascript - 更改 Controller 后未选择单选按钮值

标签 javascript angularjs

在 Controller 中更新单选按钮的值后,我遇到了单选按钮的问题。它具有 Y/N 值,当我加载默认情况下具有“N”的信息时,会显示该信息,但如果我更改为"is",我会进行一些验证,并且必须将其更改回“否”(我分配了该值在 Controller 中),但是在html中没有被选中,实际上它们都没有

<div ng-app="app" ng-controller="MainCtrl">
    <label class="radio-inline">
      <input type="radio" name="radioAceptada" ng-model="accepted" value="Y" ng-change="changeValue()">Yes
    </label>
    <label class="radio-inline">
      <input type="radio" name="radioAceptada" ng-model="accepted" value="N" ng-change="changeValue()">No
    </label>
  </div>

Plunker with example

最佳答案

我不确定这是否是一个正确的解释,但我认为值更新得如此之快,以至于 Angular 没有时间更新 UI。我遇到了类似的问题,并通过添加 0.5 秒延迟解决了该问题。

  $scope.changeValue = function() {
    if ($scope.accepted === 'Y') {
      alert("Error");
    $timeout(function() { 
      $scope.accepted = 'N';
    }, 500);
    }
  };

工作中Plunker

关于javascript - 更改 Controller 后未选择单选按钮值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47819943/

相关文章:

javascript - TodoItems 不会出现在使用 React 和 Firebase 的 UI 中

javascript - 由另一个图像悬停发起的 HTML5/CSS3 图像旋转

php - Javascript lastIndex 正则表达式属性到 PHP 正则表达式

javascript - ng-repeat 将某些值保存为 cookie

javascript - 尝试学习$resource。我如何在这里使用我自己的api?

javascript - 如何将网络摄像头或设备捕获的图像存储到站点文件夹?

c# - Ajax HtmL 编辑器图片上传 JSON 错误

javascript - 如何在 Angular JS 的嵌套 Controller 中传递参数

jquery - 如何使用 webpack 和 angular2 部署生产代码

javascript - 如何查看Angular.JS中动态添加的字段?