Good Day,

I am at wits end with this problem.

I have created a section with a plugin as follows :

With the following controller :

angular.module("umbraco")
.controller("QuotesAndOrdersController", function ($scope ) {

    $scope.test = "test";

});

And the following view :

<umb-panel ng-controller="QuotesAndOrdersController">
<h1>Test</h1>
<p> My test :{{test}} </p> 

And the following tree controller

 [Tree("QuotesAndOrders", "Orders", IsSingleNodeTree = true, TreeTitle = "Quotes and Orders",
    TreeGroup = "quotesAndOrdersGroup", SortOrder = 5)]
[PluginController("QuotesAndOrders")]
public class QuotesAndOrdersTreeController : TreeController
{
    protected override TreeNodeCollection GetTreeNodes(string id, FormDataCollection queryStrings)
    {
       return new TreeNodeCollection();
    }

    protected override MenuItemCollection GetMenuForNode(string id, FormDataCollection queryStrings)
    {
         return new MenuItemCollection();
    }

    protected override TreeNode CreateRootNode(FormDataCollection queryStrings)
    {
        TreeNode root = CreateTreeNode("-1", "-1", queryStrings, "Quotes and Orders", "icon-chart-curve", false);

        root.RoutePath = $"QuotesAndOrders/{TreeAlias}/orders";

        return root;
    }

My problem is if you look at the controller $scope.test = "test";

The controller Executes and the html displays but {{test}} remains empty.

Some extra eyes will be a great help