fa

faf

by Gowtham Reddy

HTML

<div id="Question_creations">
		<div id="Questions">
			<h2>Questions</h2>
			<ul>
   				 <li ng-repeat="skill in Questions" class="{'fadeOut' : skill.done}">
   				 </li>
   				</ul>
		</div>
<!-- 	 <form name="questionFrm" ng-submit="addQuestions()">
	  -->			<div id="addQuestion">
			<h2>Add Questions</h2>
				<div ng-controller="myQuestions">
	   				 Question: <input ng-model="question" id="questions"/>
				</div>
				 <button ng-disabled="questionFrm.$invalid" ng-click="addQuestions()">Add</button>
    <!-- </form> -->
		  </div>
	</div>

JavaScript

var app =angular.module('myApp', []);
app.controller('myQuestions', ['$scope',function($scope) {
    $scope.Questions = {};
    $scope.addQuestions = function () {
    	 $scope.Questions.push({'title': $scope.question, 'done':false})
			$scope.question = ''
		}
	
    }]);