$ scope。$觀看與Angular和Ionic /科爾多瓦的div標籤

Question

我正嘗試使用QRCode在Cordova應用程序中讀取/掃描。 QRCode QRCode的響應位於qrcode.result變量中。

當它變化時，我需要觀看div和進程。該過程包括導航到不同的html。例如，如果qrcode.result等於句子「ok」。 UI必須更改爲「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); 
}); 

Answer 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); 
}); 

您可以觀看與功能表達出來，換$範圍內的變量。