javascript - ng-check ="true" radio 选择更新时不工作

Question

我有 3 列单选下拉框。我有逻辑，如果用户在第 1 列中选择一个单选按钮，第 2 列中的单选按钮将刷新为一个新列表。我总是希望顶部单选按钮 all 默认检查第 2 列中新列表的每次新刷新。但是，在第二次新刷新时 ng-check="true" 将不适用并且 all 将不会被检查。

当单选按钮列表刷新为新列表时，如何使 all 默认选中？

  <div class="filter-column">
    <div class="filter-title">Market</div>
    <div class="bottom-line"></div>
    <div class="overflow-container">
      <div ng-show="markets.length >= 1">
        <input type="radio" value="all" name="marketRadio" ng-checked="true" class="resetAll"
          ng-model="filter.market" ng-change="radioMap('market')">All
      </div>
      <div ng-repeat="choice in markets| orderBy: 'name'">
        <input type="radio" value="{{choice.name}}" name="marketRadio"
          ng-change="radioMap('market', $index)" ng-model="filter.market" >
        {{choice.description}}
      </div>
    </div>
  </div>

---

第二列单选按钮用新列表刷新时的逻辑:

  var ppvFilter = {
    regions: [],
    markets: [],
    dealers: []
  };


  function populateMarkets(regionCode) {
    ppvFilter.markets.length = 0;
    ppvFilter.dealers.length = 0;
    var urlPath = API_BASE_URI + 'service/org/' +
      regionCode + "/markets";

    var params = {
      url: urlPath,
      method: 'GET'
    };

    $http(params)
      .then(function(response) {
        ppvFilter.markets = ppvFilter.markets.concat(response.data);
      })
      .catch(failure);
  }

Answer 1

本例中的 ng-checked 属性被您绑定(bind)到该输入的 ng-model 的值覆盖。如果您需要在页面加载时设置它，您可以使用 ng-init="filter.market = true" 将 filter.market 设置为 truthy，这将检查盒子。

一般来说，如果您将 ng-model 绑定(bind)到任何类型的输入，该模型将优先于任何试图设置该值的硬编码属性。您需要以编程方式将 filter.market 设置为 true 才能正常工作。