javascript – 需要默认选择一个Angular JS单选按钮

我是Angular JS的新手,我正在尝试创建一组单选按钮.创建按钮是很容易的部分,但我在确定如何默认选择其中一个而不破坏所有内容时遇到问题.我已经阅读过关于在Angular文档中使用ngChecked以及其他多个stackoverflow问题,但仍然无法解决这个问题.

我需要做的是在用户访问页面时预先选择一个描述. price,discount和deal_value也需要与预选的price_option对象中的值一起显示.

这是我试图开始工作的代码：http://jsfiddle.net/qWzTb/311/

HTML代码：

discount:'1%',deal_value:200},{qty: 2,price:7,qty_description:'descrip 2',discount:'5%',deal_value:100}])">  

       dio" ng-model="init.price_option" ng-value="price_option" ng-checked="selected_price_option" name="quantity"/>
              {{ price_option.qty_description }}
           discount }}

使用Javascript：

angular.module('demoApp',[]).controller('DemoController',function($scope) {

  $scope.init = function(prices) {
    $scope.price_options = prices;
    $scope.selected_price_option = $scope.price_options[0];
  };
});

最佳答案

HTML

cope variable holding the selected value -->
                
                
                                
原文地址：https://www.jb51.cc/html/426849.html
                                 
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。
                            

• 上一篇：html – 在不破坏布局的情况下将d下一篇：javascript – 突出显示HTML表格中