/elseがanglejsで動作しない場合

Question

このコードでは、if/elseは機能しません。間違いはありますか？ data.successはtrue/falseを含む。もし私が(data.success === true)ならば、このようなコードを書くと、ブロックが動作していて、ブロックが動作していなければ、その逆です。

$scope.verifyMobile = function() { 
    var otp = { 
     "otp": $scope.mobile.otp 
    }; 
    $http({ 
     method: 'POST', 
     url: 'verify_mobile', 
     data: otp, 
     headers: { 
     'Content-Type': 'application/x-www-form-urlencoded' 
     } 
    }).success(function (data, status, headers, config) { 
     if (data.success) { 
      $scope.verified = true; 
      $scope.sms_sent = false; 
     } else { 
      alert(data.message); 
     } 
    }).error(function (data, status, headers, config) { 
    }); 
}; 

Answer 1

あなたはdata.successを変更する必要があり

以下のように応答してdata.messageをチェックする必要がありますオブジェクトを返します

レスポンスあなたが配列形式でそれを取らなければならない理由で、それは応答で配列を返すブール値ではないので、.message [0]。以下のコードを試してください。

$scope.verifyMobile = function() { 
     var otp = { 
      "otp": $scope.mobile.otp 
     }; 
     $http({ 
      method: 'POST', 
      url: 'verify_mobile', 
      data: otp, 
      headers: { 
       'Content-Type': 'application/x-www-form-urlencoded' 
      } 
     }).success(function (data, status, headers, config) { 
      if (data.success[0]) { 
       $scope.verified = true; 
       $scope.sms_sent = false; 
      } else { 
       alert(data.message[0]); 
      } 
     }).error(function (data, status, headers, config) { 
     }); 
}; 

Answer 2

これは、data.successにブール値が含まれていないためです。 だから、前にあなたのブロック

console.log(typeof data.success); 

data.success

の種類を出力して、それを解決しない場合、それはブール値で見しようとした場合、他。

Answer 3

.success()の代わりに.then()を使用してください。あなたはdata.success [0]およびデータへ

$scope.httpRequest = function() { 
    $http({ 
    method: 'GET', 
    url: 'http://jsonplaceholder.typicode.com/posts/1', 
    }).then(function(success) { 
    if (success.data.userId === 1) { 
     $scope.name = 'Jason Statham' 
    } else { 
     $scope.name = 'Cristiano Ronaldo' 
    } 
    }, function(error) { 
    console.log(error) 
    }) 
} 

DEMO