angular：当变量存储在localstorage中时启用按钮

Question

如果localStorage变量'compute'不存在，我想禁用一个按钮，并在它存在时启用它（应用程序可以创建或销毁此变量几次）。 感谢

        <button nav-direction="back" class="button yy" ui-sref="app.result" ui-sref-active="currentNav" ng-disabled="{{bool}}" ng-click="navResult()"> 
          Board
        </button>

Answer 1

使用 ng-enabled ，如下所示。

<button ng-enabled="localStorage.getItem('compute') === null" nav-direction="back" class="button yy" ui-sref="app.result" ui-sref-active="currentNav" ng-click="navResult()"> 
   Board
</button>

您还可以使用角度局部存储 https://github.com/grevory/angular-local-storage

Answer 2

ngDisabled将表达式作为其参数。如果值{{bool}}

，则使用bool绑定值

    <button nav-direction="back" class="button yy" ui-sref="app.result" ui-sref-active="currentNav" ng-disabled="bool" ng-click="navResult()"> 
      Board
    </button>