有没有人尝试在 AngularJS HTML 页面中使用 typescript 枚举？

Question

在 Typescript 中，我创建了一个这样的枚举：

enum Action { None = 0, Registering = 1, Authenticating = 2 };

在我的控制器中，我设置了一个名为 action 的属性，如下所示：

class AuthService implements IAuthService {

    action: number;

    constructor(
        private $state,
        private userService,
        private utilityService: IUtilityService
        ) {

        this.action = Action.None;

    }

    doRegister() => {
       this.action = Action.Registering;
    }

这很好用，但我如何在我的 HTML 中使用枚举。那可能吗？我想做的是在这样的地方使用它：

<span ng-class="{'fa-spin fa-spinner': app.authService.authenticating }">

无需为以下各项创建不同的变量：

app.authService.authenticating
app.authService.registering
...
etc

Answer 1

你可以把它放在$rootScope 例如

mainmodule.run([
    '$rootScope'
], function ($rootScope){

    // put it on $rootScope
    $rootScope.Action = Action;
});

由于每个$scope 都继承自它，因此它位于每个作用域上，您只需执行Action.foo 等。

注意：对于具有隔离范围的指令，您需要执行 $root.Action.foo。只是Action 是行不通的，因为它故意破坏了原型链。