JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app>
<div ng-controller="MyController">
    <div>{{rawObj}}</div>
    <div>{{obj.prop}}</div>
    <div ng-if="isShown">
        <input ng-model="rawObj" />
        <input ng-model="obj.prop" />
        <span>{{readOnly}}</span>
    </div>
</div>
</div>

JavaScript

function MyController($scope){
    $scope.rawObj = "raw value";
    $scope.obj = {
        prop: "property of object"
    }
    $scope.readOnly = "read only";
    $scope.isShown = true;
 }