>
>Use regular JavaScript (but, compared to angular it's ugly). Something like:

<script type="text/javascript">
>        document.addEventListener("DOMContentLoaded", function (event) {
>            if (!navigator.onLine) {
>                var theDropDown = document.getElementById("myDropDown");
>                var customers = JSON.parse(localStorage["Customers"]);
>                for (var i = 0 ; i < customers.length; i++) {
>                    var option = document.createElement('option');
>                    option.text = option.value = customers[i].Name;
>                    theDropDown.add(option, 0);
>                }
>            } else {
>                // Either make call to WebApi on the server for the data
>                // Or assume the page was loaded from ASP.NET and the select is already populated.
>            }
>        });
>    </script>

(Assuming a 'select' element in the markup with id="myDropDown" and that you are sure the data is in local storage)
>
>But ideally you would always handle the layout in JavaScript whether the data is obtained from the server or you are using local storage

Me again :). Could you, please, suggest why the following string in the localStorage, when retrieved with JSON.Parse() gets 0 (zero) length?

{"Table":[{"BUILDING":"MAIN-LV1 ","BLD_DESCR":"MAIN-LV1      Main Building "},{"BUILDING":"WWTP-LV ","BLD_DESCR":"WWTP-LV       WASTE WATER TREATMENT PLANT "},{"BUILDING":"ALL-LV ","BLD_DESCR":"ALL-LV        ALL "}]}

This is how I get the value from the localStorage:

 var buildings = JSON.parse(localStorage["buildings"]);

Then in the javascript I check the length of the object buildings and it is 0 (zero).