JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="App" ng-controller="Test" id="TestController">
	<ul>
		<li ng-repeat="item in list track by $index">
			{{item}}
		</li>
	</ul>
	
	<button ng-click="add('added from inside')">Add from inside</button>
</div>

<button onclick="addFromOutside()">Add from outside</button>

JavaScript

angular.module("App", []).controller("Test", function($scope)
{
	$scope.list = ["added on initialization"];
    
	$scope.add = function(item)
	{
		$scope.list.push(item);
	};
});

var addFromOutside = function()
{
    angular
        .element(document.getElementById("TestController"))
        .scope()
        .add('added from outside');
};