How to pass values to Angular from ASP.NET aspx page?

There are more ways to do this then there is flavors of ice-cream.

I really don’t know angular much.

but, say this markup:

    <asp:HiddenField ID="hCustomer" runat="server" ClientIDMode="Static" />

    <div style="padding: 35px">

        <div ng-app="myApp" ng-controller="myCtrl">

            Full Name: {{firstName + " " + lastName}} <br />
            Company: {{Company}} <br />

        </div>

    </div>

    <script>

        var Customer = JSON.parse(document.getElementById("hCustomer").value)

        var app = angular.module('myApp', []);
        app.controller('myCtrl', function ($scope) {
            $scope.firstName = Customer.FirstName;
            $scope.lastName = Customer.LastName;
            $scope.Company = Customer.Company;
        });

    </script>

So, code behind to pass those values?

This works:

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

    If Not IsPostBack Then

        Dim MyCustomer As New Dictionary(Of String, String)

        MyCustomer.Add("FirstName", "Albert")
        MyCustomer.Add("LastName", "Kallal")
        MyCustomer.Add("Company", "Turtle Creek Tours")

        Dim JS As New JavaScriptSerializer
        hCustomer.Value = JS.Serialize(MyCustomer)

    End If

End Sub

And the result is now this:

I used a dictionary in place of creating a separate class, and they are kind of handy, since you can just "cook up" and write out code with as many variables you want to pass to the client side.