QQ: AngularJS to show image or value

See more:

AngularJs

Hi,

I have a page that loads values at run-time. some of the APIs I use can take a little while to return. I want to display my spinner.gif in place of the value until my value is updated.

I have a number of functions in an angular module that return different image sources depending on a value (spinner, up arrow, down arrow etc...). I would like to use a similar function to show an image or a value. Maybe I can only have two elements with ng-show on each?

here's where I got to with my function before realizing I had no idea how to implement what I was looking for:

angular.module('NumbersModule', [])
    .service("comparisonService", [
        function () {
            this.getImageOrNumber = function(number) {

                if (typeof number === 'undefined' || number == null)
                    return 0;
                if (number === "spinner")
                    return "/Resources/images/spinner.gif";
                    //At this point I realized that I have been using these in an img ng-src :/
            };

Thanks
Andy