角飞镖中使用单选按钮时出现的故障
角飞镖中使用单选按钮时出现的故障
提问于 2014-01-08 01:01:38
我可以使单选按钮工作，并绑定到一个模型。但是，当页面加载时，将不会显示被选中的单选按钮，即使其中一个是被选中的。
这是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));
}这是视图标记。一旦我开始选择无线电台，UI就会正确更新，数据绑定就能工作了。但是，当页面加载时，不会选择任何内容。不知道为什么会这样。
<!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>回答 1
Stack Overflow用户
回答已采纳
发布于 2014-01-08 01:42:33
我试过你的密码了。经过一些实验，我发现切换属性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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20985142
复制相关文章
相似问题
腾讯云开发者
