zoukankan      html  css  js  c++  java
  • AngularJS radio绑定与取值

    <div id="commentModal" class="modal fade" role="dialog" ng-app="radioApp" >
        <div class="modal-dialog" ng-controller="radioCtrl as vm">
            <div class="modal-content">
                <div class="modal-header">
                    <h4>评价内容</h4>
                </div>
                <div class="modal-body">
                    满意程度
                    <!--选项都绑定在commentGrade字段上,同时自己有自己的value,则commentGrade=选中的value值-->
                    <label><input name="Satisfaction" type="radio" value="1" ng-checked="true" ng-model="vm.commentGrade" />满意 </label>
                    <label><input name="Satisfaction" type="radio" value="2" ng-model="vm.commentGrade" />一般 </label>
                    <label><input name="Satisfaction" type="radio" value="3" ng-model="vm.commentGrade" />差评 </label>
                </div>
                <div class="modal-body">
                    <textarea placeholder="请填写评价内容" ng-model="vm.commentContent"></textarea>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary blue" ng-click="vm.comment()"> <span>提交</span></button>
                    <button type="button" class="btn btn-default">取消</button>
                </div>
            </div>
        </div>
    </div>
    
    <script src="~/Scripts/angular.min.js"></script>
    <script>
            var app = angular.module("radioApp", []);
            app.controller("radioCtrl",
            [
                "$scope", "$http",
                function ($scope, $http) {
                    var vm = this;
                    //评价内容
                    vm.commentContent = "";
                    //评价等级
                    vm.commentGrade = 1;
    
                    vm.comment = function () {
                        debugger;
                        var commentGradeStr = "";
                        if (vm.commentGrade == 1)
                            commentGradeStr = "满意";
                        else if (vm.commentGrade == 2)
                            commentGradeStr = "一般";
                        else
                            commentGradeStr = "差评";
                        alert('你选择的满意程度是:' + commentGradeStr + ",填写的评论内容是:" + vm.commentContent);
                    };
                }
            ]);
    </script>
  • 相关阅读:
    Java:类与继承(隐藏和覆盖的问题)
    Java中的static关键字解析
    面向对象(Java中普通代码块,构造代码块,静态代码块区别及代码示例)
    面向对象要点(this关键字)
    急须知道postman RSA加密的方式
    RSA加密原理
    postman获取变量
    Mysql通过cmd访问
    一个简单的postman实例
    sum(coalesce(adjust_value,prediction_value))
  • 原文地址:https://www.cnblogs.com/Lulus/p/7874095.html
Copyright © 2011-2022 走看看