JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="myApp">
    <div ng-controller="MyController">
        <pre>{{todoList}}</pre>
    </div>    
</div>

JavaScript

var app = angular.module("myApp",[]);

app.provider('todoListService', function() {
  
  var todoList = [];

  return {
    loadDefaults: function(newList) {
      todoList = newList;
    },
    $get: function() {
      function addTodo(todo) {
        // Sua implementação
      }
      function removeTodo(todo) {
        // Sua implementação
      }

      return {
        todoList: todoList,
        addTodo: addTodo,
        removeTodo: removeTodo
      };
    }
  };
});

app.config(function(todoListServiceProvider) {
  todoListServiceProvider.loadDefaults([1, 2, 3]);
});

app.controller('MyController', ['$scope', 'todoListService', function($scope, todoListService) {
  $scope.todoList = todoListService.todoList;
}]);