Проблема при работе с радиокнопкой в ​​Angular Dart

Я могу заставить радиокнопки работать и привязываться к модели. Однако, когда страница загружается, ни один переключатель не отображается как выбранный, даже если он есть.

Вот код Дарта:

import 'package:angular/angular.dart';

@NgDirective(
  selector: '[my-controller]',
  publishAs: 'ctrl'
)
class MyController {
  List<String> fruits = ['apple', 'banana', 'kiwi'];
  String favorite;

  MyController() {
    favorite = fruits[1];
  }
}

main() {
  ngBootstrap(module: new Module()..type(MyController));
}

А вот и разметка вида. Как только я начинаю выбирать радиостанции, пользовательский интерфейс обновляется правильно, и привязка данных работает. Но при загрузке страницы ничего не выбирается. Не уверен, почему это так.

<!DOCTYPE html>
<html ng-app>
  <body>
    <div my-controller>            
      <div ng-repeat="fruit in ctrl.fruits">
        <input type="radio"
            name="fruits"
            ng-model="ctrl.favorite" 
            value="{{fruit}}">{{fruit}}
      </div>
      <div>{{ctrl.favorite}} is my favorite</div>
    </div>

    <script type="application/dart" src="main.dart"></script>
    <script type="text/javascript" src="packages/browser/dart.js"></script>
  </body>
</html>

dart angularjs angular-dart
person Shailen Tuli    schedule 08.01.2014    source источник

Ответы (1)


arrow_upward
4
arrow_downward

Я попробовал ваш код. После некоторых экспериментов я увидел, что переключение порядка атрибутов ng-model и value решает проблему. Я бы посчитал это ошибкой.

<!DOCTYPE html>
<html ng-app>
  <body>
    <div my-controller>
      <div ng-repeat="fruit in ctrl.fruits">
        <input type="radio"
            name="fruits"
            value="{{fruit}}"
            ng-model="ctrl.favorite"
            >{{fruit}}</div>
      <div>{{ctrl.favorite}} is my favorite</div>
    </div>

    <script type="application/dart" src="main.dart"></script>
    <script type="text/javascript" src="packages/browser/dart.js"></script>
  </body>
</html>
person Günter Zöchbauer    schedule 08.01.2014