<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>