>>
>>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).

'buildings' is an object containing the 'Table' array. Try 'buildings.Table.length'