JSFiddle - React, Tailwind, and code Playground

by hasan2002

HTML

<div ng-app="addApp">
    <div ng-controller="MainController">
        {{title}}
         <input type="text" ng-model="myObj.name"></input>
        <input type="text" ng-model="valueToAdd"></input>
            <button ng-click="addIt()">Add</button>
            
          <table>
              <tbody>
                  <tr ng-repeat="value in myObj.values">
                      <td>{{value}}</td>
                  </tr>
              </tbody>
        </table>
    </div>
</div>

JavaScript

var app = angular.module('addApp',[]);

function MainController($scope){
    $scope.title = 'Test 1';
    $scope.myObj = null;
    $scope.values = [];
    
    $scope.addIt = function(){
        //console.log($scope.myObj.values === undefined);
       if($scope.myObj.values === undefined){
            console.log($scope.myObj);
            $scope.myObj['values'] = [];
        }
        console.log($scope.myObj);
        $scope.myObj['values'].push($scope.valueToAdd);
    }
}