Angular js：如何使用重置值克隆表单

Question

我创建了一个带有指令的表单。

我想在表单下方克隆此表单。最多四次可以重复这种形式。但坚持克隆如何在angualr js中工作。

HTML

        <form class="form-horizontal text-center" role="form" name="DTOstep1" ng-submit="onSubmit()">
            <div class="wrapDIV" id="wrapDIV">
                <div ng-repeat="que in questions[$state.current.name]">
                    <div ng-if="que.QuestionData._fieldType === 'text'" >
                        <text-control-dir data="que.QuestionData" default="{{PC}}"></text-control-dir>
                    </div>  
                    <div ng-if="que.QuestionData._fieldType === 'select'" >
                        <select-control-dir data="que.QuestionData"></select-control-dir>
                    </div>
                    <div ng-if="que.QuestionData._fieldType === 'radio'" >
                        <radio-control-dir data="que.QuestionData"></radio-control-dir>
                    </div>
                    <div ng-if="que.QuestionData._fieldType === 'hidden' && que.QuestionData._attributeName != 'CBQ'" >
                        <hidden-control-dir data="que.QuestionData"></hidden-control-dir>
                    </div>
                </div> 
            </div>

            <input type="submit" value="Save" /><input type="button" name="formclone" value="Form Clone"  ng-click="appendClonedDiv()" />
        </form>

带有完整代码的plunker

http://plnkr.co/edit/Op1QDwUBECAosPUC7r3N?p=preview