AngularJS Example

HTML

<div ng-app>
    <div ng-controller="Ctrl">
         <form id="submit-create-survey-form" name="submitCreateSurveyForm" ng-submit="submit() ">
            <textarea ng-model="text" required></textarea>

            <div ng-click="submit()" style="background-color:#ff00ff;cursor:pointer;width:100px;">Create !</div>
             
             <div onClick="document.getElementById('hiddenButton').click();" style="background-color:#0000ff;cursor:pointer;width:100px;">Create !</div>
             
             <button id='hiddenButton' type="submit" style="background-color:#ff00ff;cursor:pointer;width:100px;display:none;">Create !ss</button>
          
        </form>
           
        {{list}}
    </div>
</div>

CSS

</style> <!-- Ugly Hack to make remote files preload in jsFiddle --> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.1.5/angular.min.js"></script> <style>

JavaScript

function Ctrl($scope) {
    $scope.list = [];
    $scope.text = '';
    $scope.data = {};
    $scope.submit = function () {
        if ($scope.text) {
            $scope.list.push($scope.text);
            $scope.text = '';
        }
        
        console.log("sent");
    };
}