JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app ng-controller="test">
    <div ng-bind="content"></div>
    <input type="text" ng-model="content">
        <br><br>
        <button type="button" ng-click="unbind()"> Stop Binding On the element below forever </button>
        This element doesn't have any binding. Just an inline expression:
        <div>Stop me when your done: {{content}} </div>
        This element has binding:
        <div id="txtElem" ng-bind="content"></div>
</div>

JavaScript

function test( $scope ) {
    $scope.content = 'Welcome';
    
    $scope.unbind = function() {
       angular.element(document.getElementById('txtElem')).scope().$destroy();
    }
};