2016-12-26 10 views
0

私はコントローラに$scope.lineData[0].lineを持っています。私は$scope.lineData[0] != undefinedをチェックしたい場合は$scope.lineData[0].line、それ以外の場合は"0"値を追加します。どのように角のJSでこれを行うことができますか?三元演算子角度JS

誰でもこの操作を手伝ってもらえますか?事前に 感謝..

+1

'のvar x = $ scope.lineData [0]! ==未定義? $ scope.lineData [0] .line:0; ' – Satpal

+0

@Satpal:ありがとう..その作業.. – KaviSuja

答えて

1

、我々は

var some_value = $scope.lineData[0] ? $scope.lineData[0].line : "0"; 
1

これはそれを行う必要があります。

{{ $scope.lineData[0] ? $scope.lineData[0].line : "0" }}

更新

あなたは、単に行うことができます:

{{ $scope.lineData[0].line || "0" }}

角度から合体します

左から右へ、 null /未定義の値。我々はそれをコントローラに

{{ lineData[0] ? lineData[0].line : "0" }} 

ような何かをするだろうテンプレートで

0

をやっているよあなたはあなたのユースケースに応じてそれを使用することができ、それらのいくつかは次のようになります。

1)ex。 <input ng-value="getLine()" />

2)ex。 <div>{{lineData[0] ? lineData[0].line : "0"}}</div>

3)ex。コントローラでは、var value = $scope.lineData[0] ? $scope.lineData[0].line : "0";

HTML:

<div ng-controller="MyCtrl"> 
    <input ng-value="getLine()" /> 
    <div>{{lineData[0] ? lineData[0].line : "0"}}</div> 
</div> 

はJavaScript:

var myApp = angular.module('myApp',[]); 


function MyCtrl($scope) { 

    $scope.lineData = [{ 
     line : 3, 
    }]; 

    $scope.getLine = function() { 
     return $scope.lineData[0] ? $scope.lineData[0].line : "0"; 
    } 

} 

JSFiddle:http://jsfiddle.net/nikdtu/v6ezygy2/