$ scope。$使用Angular和Ionic / Cordova观看div标签

时间:2015-05-04 10:20:40

标签: javascript angularjs cordova ionic

我正在尝试在Cordova应用程序中使用QRCode读取/扫描。 QRCode QRCode的响应在qrcode.result变量中。

我需要观察一个div并在它发生变化时进行处理。该过程包括导航到不同的HTML。例如,如果qrcode.result等于句子“ok”。用户界面必须更改为“principal.html”。如果qrcode.result等于“help”,则应用程序必须更改为“help.html”。你能救我吗?

我的代码是:

<!--display result-->                
<div id="result" class="col" ng-model="result">{{result}}</div>

和控制器:

angular.module('starter.controllers', [])

.controller('DashCtrl', function($scope) {
    load();

    $scope.$watch('result', function(newVal, oldVal){
        alert(qrcode.result);
    }, true);  
});

1 个答案:

答案 0 :(得分:1)

我建议采用这种方法

<!--display result-->                
<div id="result" class="col">{{result}}</div>

您不需要ng-model,这通常用于输入。

对于棱角分明的一面......

angular.module('starter.controllers', [])

.controller('DashCtrl', function($scope) {
    load();

    $scope.$watch(function() {
        return qrcode.result;
    }, function(newVal){
        $scope.result = newVal;
    }, true);  
});

您可以使用函数表达式观察out-for-scope变量。