JSFiddle - React, Tailwind, and code Playground

by Silambarasan_sundaram

HTML

<div ng-app = "">
  
    <h1>My Notes</h1>
    <div ng-controller="Note">
      <div >
        <input ng-repeat="item in items" type="text" ng-model="search.child.age.child" placeholder="{{item}}"><br>
      </div>
            <select ng-model="sel" ng-change="add(sel)">
                <option>0</option>
                <option value='1'>1</option>
                <option value='2'>2</option>
                <option value='3'>3</option>
            </select>
      <button ng-click="add()">New Item</button>
    </div>

JavaScript

var Note = function($scope){
        $scope.items = [];
        
        $scope.add = function (sel) {
            console.log(sel);
            $scope.items = [];
            for(var i =0; i<sel; i++){
                $scope.items.push(i);
            }
         /* $scope.items.push({ 
            inlineChecked: false,
            question: "",
            questionPlaceholder: "foo",
            text: ""
          }); */
        };
      }