I am currently trying to make a custom backoffice dashboard tool which all went well until I was trying to trigger the "generate" button on click.

Package.Manifest:

{
  "sections": [
    {
      "alias": "MapGenerator",
      "name": "Site Setup - MapGenerator"
    }
  ],
  "dashboards": [
    {
      "alias": "MapGeneratorDashboard",
      "view": "~/App_Plugins/MapGenerator/MapGenerator.html",
      "sections": [ "settings" ],
      "access": [
        { "grant": "admin" }
      ],
      "weight": 20
    }
  ],
  "javascript": [
    "~/App_Plugins/MapGenerator/mapgenerator.controller.js"
  ],
  "css": [
    "~/App_Plugins/MapGenerator/mapgenerator.css"
  ]
}

.html file:

<div class="pictureoftheday" ng-controller="MapGeneratorController as vm">
    <umb-box>
        <umb-box-header title="{{vm.title}}"></umb-box-header>
        <umb-box-content>

            <div>
                <span ng-bind="info"></span>
                <button type="submit" class="btn btn-danger" ng-click="generating()">Generate</button>
            </div>

        </umb-box-content>
    </umb-box>
</div>

controller.js file (with some failed console.logs):

angular.module("umbraco").controller("MapGeneratorController", function ($scope, userService, WorldGeneratorService, $http, $sce, postingLog) {
    var vm = this;
    vm.title = "Map Generator";

    userService.getCurrentUser().then(function (user) {
        vm.title = "Welcome " + user.name + ", to the map generator!";
    });

    $scope.generating = function () {
        console.log("henlo");
        $scope.info = "Getting all, please wait...";
        WorldGeneratorService.generateAll().success(function (data) {
            console.log(data);
            $scope.result = data;
            $scope.info = "Done!";
            console.log(data);
        });
    };

});

angular.module("umbraco.resources").factory("WorldGeneratorService", function ($http) {
    return {
        generateAll: function () {
            return $http.get("backoffice/Api/Admin/GenerateWorld");
        }
    };
});

controller in which I want the button click to lead me to eventually:

namespace UmbracoBasic.Web.Controllers
{
    public class AdminController : UmbracoAuthorizedController
    {
        // GET: Admin
        [HttpGet]
        public string GenerateWorld()
        {
           return "henlo";
        }

        [HttpPost]
        public string GenerateWorlds()
        {
            return "henlo";
        }
    }
}

So I get the custom dashboard in my admin view of umbraco, I see the button and everything else from the .html file but when I press the button absolutely nothing happens, I've tried some different ways in my .js file but none of them work (it won't even trigger the console.logs).

As of now I'm at a loss and I'm having trouble finding any similar problems (I find several posts about custom dashboards but none about this specific button onclick issue im having).