带回调更新Ionic UI元素

Question

Stroy： 我正在做一个带有appery.io的小型移动应用程序，它将扫描二维码并根据值隐藏/显示一个按钮。

问题：（：隐藏名称）布尔值：当我改变可变 按钮将隐藏

$scope.QRscanner = function (_callback) { 
    cordova.plugins.barcodeScanner.scan(
      function (result) 
      { 
       if(result.cancelled!=1){ 

       $scope.hide = false; 
       $scope.scannedValue = result.text; 
       _callback(false); 
       } 
       else 
       { _callback(true); 
        alert("Operation cancelled"); 

       } 

      }, 
      function (error) { 
       $scope.hide = true; 
      }, 
      { 
       preferFrontCamera : true, // iOS and Android 
       showFlipCameraButton : true, // iOS and Android 
       showTorchButton : false, // iOS and Android 
       torchOn: false, // Android, launch with the torch switched on (if available) 
       prompt : "Place a barcode inside the scan area", // Android 
       resultDisplayDuration: 500, // Android, display scanned text for X ms. 0 suppresses it entirely, default 1500 
       formats : "QR_CODE,PDF_417", // default: all but PDF_417 and RSS_EXPANDED 
       orientation : "landscape", // Android only (portrait|landscape), default unset so it rotates with the device 
       disableAnimations : true // iOS 
      } 
     ); 
} 

这是回调函数;

$scope.Callback = function (result) 
{ 
alert("result"+result); 
$scope.hide=result; 
} 

最后我会调用这个函数QRscanner在带参数的回调函数名NG单击。

QRscanner(Callback); 

我很新的离子+ angular.kind帮助将不胜感激。

Answer 1

假设你有以下两个按钮：

<button ng-click="QRscanner()"> Scan Code </button> 
<button ng-hide="hide"> Button to Hide </button> 

，如果你有两个按钮在同一个控制器是没有必要送回调作为参数，你只需要调用该函数：

$scope.hide = false; 

function Callback(result) { 
    alert("result" + result); 
    $scope.hide = result; 
} 

$scope.QRscanner = function() { 
    cordova.plugins.barcodeScanner.scan(
     function(result) { 
      if (result.cancelled != 1) { 

       $scope.hide = false; 
       $scope.scannedValue = result.text; 
       Callback(false); 
      } else { 
       Callback(true); 
       alert("Operation cancelled"); 

      } 

     }, 
     function(error) { 
      $scope.hide = true; 
     }, { 
      preferFrontCamera: true, // iOS and Android 
      showFlipCameraButton: true, // iOS and Android 
      showTorchButton: false, // iOS and Android 
      torchOn: false, // Android, launch with the torch switched on (if available) 
      prompt: "Place a barcode inside the scan area", // Android 
      resultDisplayDuration: 500, // Android, display scanned text for X ms. 0 suppresses it entirely, default 1500 
      formats: "QR_CODE,PDF_417", // default: all but PDF_417 and RSS_EXPANDED 
      orientation: "landscape", // Android only (portrait|landscape), default unset so it rotates with the device 
      disableAnimations: true // iOS 
     } 
    ); 
}