JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="SomeProperties" ng-controller="PropController">
    
<div ng-if="proptodel">
    there is a property to delete: {{proptodel}}
    <ng-form><input type="checkbox" ng-model="obj.delprop"></ng-form>
    filecontent: {{filecontent}}
</div>
    
<div ng-if="!proptodel">
    there is NO property to delete
</div>

</div>

JavaScript

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

app.controller('PropController', function ($scope, $log) {
    var str = '{"meta":{"prop":"lprop"},"props":{"gprop":12,"lprop":9,"wrop":5}}';
    $scope.filecontent = JSON.parse(str);


$scope.obj = {
    delprop: false
};

$scope.propobj = $scope.filecontent.props;
$scope.proptodel = $scope.filecontent.meta.prop;
var mainvalue = $scope.propobj[$scope.proptodel];     
$scope.$watch('obj.delprop', function () {
    if ($scope.obj.delprop == true) {
        delete $scope.propobj[$scope.proptodel]; 
    } else {
        $scope.propobj[$scope.proptodel] = mainvalue;
    }
}); 
});