ng-show与变量比较

Question

given following example

    <div class="progress-animation" ng-show="file.state == STATES.DOWNLOADING">
        <div class="loader">Loading...</div>
    </div>

in javascript I've all these constants defined at a global level initialized before angular kicks in.

STATES = {
     DOWNLOADING: 1,
     UPDATING: 2,
     INSTALLING: 3
}

it works with file.state == 1 but wondering how angular can evaluate it as an expression.

Answer 1

使用$scope.STATES将STATES暴露给您的视图，这应该可以解决问题

Answer 2

if you defined in your controller

$scope.STATES = STATES;

your binding should work. good luck!

Answer 3

You could assign the value to $rootScope - seems to be one of few cases where it would be acceptable - to make it work app-wide:

var STATES = {...}

app.run(function($rootScope){
   $rootScope.STATES = STATES;
})