Javascript 棱角清晰形式

对angular来说是全新的，感谢您的帮助。我正在尝试在angular中构建一个满意度应用程序，我正在使用ng show一次提出一个问题，收集数据并在最后发送给firebase。我面临的困难是清除先前给出的答案。我尝试过重置作用域并使用$setPristine，但一直出现错误

HTML

---

太多的代码。如果您需要理解基本概念，请简化示例以仅处理该概念。不需要额外的标记或不相关的部分，如moreInfo。只删除表单组件的额外代码。希望这是更好的$scope.form={experience:，extraInfo:}；在感谢功能中不起作用？是的，好多了。。。那么，表单值存储在哪里？或者换句话说，$scope.form是表单的输入控件绑定到的对象吗？如果是这样，那么只需重置它-$scope.form={}我尝试了$scope.form={experience:，extraInfo:}$scope.form是输入控件绑定到的对象是。我还应该添加$scope.form.why={}；因为我正在使用清单模型，因为它是为复选框推荐给我的

<div id = "question" class="row" ng-show="question">
    <div id="badResponse"  ng-click="selectResponse('bad')">
    </div>
    <div id="goodResponse" ng-click="selectResponse('good')">
    </div>
</div>

<div ng-show="why">
<ul ng-repeat="option in whyOptions">
  <li><input type="checkbox" class="reason" checklist-model="form.why" checklist-value="option">{{option}}</li>
</ul>
 <button id ="enterBtn" ng-click="responseReason()">Next</button>
</div>

<div ng-show="more" class="more">
  <button id ="skipBtn" ng-click="moreInfo()">{{form.extraInfo.length != 0 ? 'Next' : 'Skip'}}</button>
</div>

<div ng-show="thankYou">
  <button id ="thankYouBtn" ng-click="thankYouFunction()">Home</button>
</div>

$scope.form = {
  experience: '',
  extraInfo: ''
};

$scope.whyOptions = [
  'reason 1',
  'reason 2',
];

$scope.selectResponse = function(response) {
  $scope.form.experience = response;
};


$scope.thankYouFunction = function() {
  $scope.responses.$add({
    customerRsponse: $scope.form
  });
  $scope.form.$setPristine();
};

});