AngularJS：無法讀取嵌套ng-repeat中的單選按鈕值

Question

我正在創建一個像網格這樣的日歷，它使用兩個ng-repeats生成從1到31的數字。 網格的每個元素都是一個單選按鈕，我想在控制器內部獲取其值。

例如，用戶單擊“ 12”，該值將存儲在某個位置，然后單擊“提交”，則傳播到控制器。

問題是我無法讀取所檢查元素的值。

碼：

   <div data-toggle="buttons">
            <div class="row" ng-repeat="date in dates track by $index" ng-if="$index % 5 == 0">
                  <label ng-class="{'btn-online': isOnline(i+1), 'btn-paper': isPaper(i+1)}" class="singleDate btn btn-default col-no-gutter col-xs-2 letter-box" 
                       ng-repeat="i in [$index, $index + 1, $index + 2, $index + 3, $index + 4]" 
                       ng-if="dates[i] != null">
                            <input type="radio" name="dates" id="date-{{i+1}}" ng-model="$parent.dueDate" ng-value="{{date[i]}}" class="date radio radio-primary">{{dates[i]}} 
                  </label>
            </div> <!--row div ends here -->
            {{dueDate}} <!--no output here as well-->
        </div> 


        <button type="submit" ng-click="changeDueDate(dueDate)" class="btn btn-block btn-default">Change Payment Due Date</button>

Answer 1

不要綁定到基元

<!-- instead bind to objects -->

<button type="submit" ng-click="changeDueDate(obj.dueDate)">
  Change Payment Due Date
</button>

每個ng-repeat和ng-if添加新的范圍和層次結構級別。 不用計算層次結構級別，而是將dueDate設置為對象obj.dueDate的屬性。 然后，原型繼承將正確地發揮其魔力。 有關更多信息，請參見作用域原型繼承的細微差別 。