Question

我有一个离子应用程序，正在测试检查指纹登录的能力。所有这些都有效，但是当我检查用户是否已存储登录凭据并取回解密的值时，我想显示一个按钮，该按钮允许用户启动指纹登录。

问题是，当我从SecureStorage收集凭据时获得成功时，我设置了一个变量以显示按钮（$scope.canUseFingerprint），该变量建模为使用{{ 1}}。但是该按钮永远不会显示，除非我再次在电子邮件输入中键入一个字符（输入中没有“更改”功能）。

我已经检查过，它显示变量已设置为true，但是只有在该电子邮件输入中输入单个字符后，该按钮才会显示。

有人可以看看吗？

这是我的观点：

ng-if

这是我的控制人：

<form name="loginForm" ng-submit="login(email, password)">
    <label>Email</label>
    <input type="text" ng-model="email" placeholder="typehere"></input>
    <label>Password</label>
    <input type="text" ng-model="password" placeholder="typehere"></input>
    <button type="submit">Test Login</button>
<!--Below Button Won't Showup-->
    <button type="button" ng-if="canUseFingerprint" ng-click="showFingerPrint()">Show Finger Print</button>


    <button type="button" ng-click="testShowFingerPrint()">Test Show Button</button>
    <button type="button" ng-click="clearKeys()">Clear All Keys</button>
</form>

Answer 1

要将ss.get从基于回调的服务转换为基于承诺的服务，请使用AngularJS $q Service：

function ssGetPromise(ss,key) {
    var deferred = $q.defer();   
    ss.get(
        function (value) { 
            console.log('Success, got ' + value); 
            deferred.resolve(value);
        },
        function (error) { 
            console.log('Error ' + error);
            deferred.reject(error);
        },
        key
    );
    return deferred.promise;
}

用法：

ssGetPromise(ss,'loginInfo').then(function(value) {
    $scope.canUseFingerprint = true;
});

$q Service创建与AngularJS框架集成的promise。只有在AngularJS执行上下文中应用的操作才能受益于AngularJS数据绑定，异常处理，属性监视等。

在控制器中更新$ scope变量时，离子视图模板未更新

1 个答案: