कोणीय अभिव्यक्ति में एक प्रकार का स्कोप चर कैसे प्राप्त करें?

Question

की गुंजाइश पर सरल बूलियन को परिभाषित करते हैं:

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

mymodal.controller('MainCtrl', function ($scope) { 
    $scope.b = false; 
}); 

मैं अभिव्यक्ति में एक चर के प्रकार के कैसे मिल सकता है? typeOf और Object.prototype.Tostring.call काम नहीं करते हैं। http://jsfiddle.net/g8Ld80x3/2/

Answer 1

मुझे लगता है कि सबसे अच्छा तरीका है एक कस्टम फ़िल्टर बनाने और उसका उपयोग क्या आप अभिव्यक्ति के भीतर इच्छा के रूप में, आप जाँच कर सकते हैं this लिंक है कि के लिए वस्तु पाने के उपयोग करने के लिए है।एक वस्तु

अपने मामले के लिए की चाबी आप

angular.module('customfilter', []).filter('typeof', function() { 
    return function(obj) { 
    return typeof obj 
    }; 
}); 

Answer 2

(मैं के रूप में आप क्या करना चाहते नहीं लगता कि अभिव्यक्ति में सीधे संभव है) नियंत्रक में कुछ इस तरह का प्रयास करें::

<div ng-controller="MainCtrl" class="container"> 
     <div> 
      {{ b }} 
      {{ typeOf(b) }} 
      {{ Object.prototype.toString.call(b) }} 
     </div> 
</div> 

यहाँ JSFiddle है

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

 
mymodal.controller('MainCtrl', function ($scope) { 
 
    $scope.b = false; 
 
    $scope.getBType = function(test){ 
 
     return(typeof test); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app='mymodal' ng-controller="MainCtrl" class="container"> 
 
     <div> 
 
      {{ getBType(b) }} 
 
     </div> 
 
</div>

Answer 3

आप इसे नहीं कर सकते हैं और अच्छे कारण के लिए: Angular expression पार्सर इस तरह के वें को अस्वीकार करता है टेम्पलेट्स में ings।

तुम सच में ऐसा करने में सक्षम होना चाहते हैं, मैं स्पष्ट रूप से $rootScope पर सहायक तरीकों सेट करने के लिए सलाह देते हैं, तो यह आपके सभी टेम्पलेट्स में उपलब्ध हो जाएगा:

mymodal.run(function($rootScope) { 
    $rootScope.typeOf = function(value) { 
     return typeof value; 
    }; 
}); 

तुम भी कोणीय खुद उपयोगिता तरीकों संदर्भित कर सकते हैं :

mymodal.run(function($rootScope) { 
    ['isArray', 'isDate', 'isDefined', 'isFunction', 'isNumber', 'isObject', 'isString', 'isUndefined'].forEach(function(name) { 
     $rootScope[name] = angular[name]; 
    }); 
}); 

और टेम्पलेट्स में {{ isArray(arr) }} का उपयोग करें।

Answer 4

जैसा कि आप विशिष्ट मान के typeof प्रकार तक पहुंचने का प्रयास कर रहे हैं और वर्तमान कोड में आप इसे view में कर रहे हैं जो इस तरह के ऑपरेशन के लिए काफी देर हो चुकी है।

इसके बजाय आप नियंत्रक के दायरे में एक समारोह कर सकते हैं और बस वहाँ से लौट:

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

 
mymodal.controller('MainCtrl', function ($scope) { 
 
    $scope.b = false; 
 
    $scope.getTypeof = function(it){ return typeof(it); }; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app='mymodal' ng-controller="MainCtrl" class="container"> 
 
     <div> 
 
      {{ b }} : {{ getTypeof(b) }} 
 
      
 
     </div> 
 
</div>

Answer 5

एचटीएमएल

<div ng-controller="MainCtrl" class="container"> 
     <div> 
      {{ b }}<br> 
      {{ typeOf(b) }}<br> 
     </div> 
</div> 

जे एस

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

mymodal.controller('MainCtrl', function ($scope) { 
    $scope.b = false; 
    $scope.typeOf = function (v){ return (typeof v)}; 
}); 

परिणाम

false 
boolean 

Answer 6

बस दिखाने के लिए Zamboney के जवाब मेरे नमूना कोड के लिए लागू उपयोग कर सकते हैं:

नियंत्रक:

angular.module('customfilter', []).filter('getType', function() { 
    return function(obj) { 
    return typeof obj 
    }; 
}); 

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

mymodal.controller('MainCtrl', function ($scope) { 
    $scope.b = false; 
}); 

दृश्य:

<div ng-controller="MainCtrl" class="container"> 
    <div> 
    {{ b }} 
    {{ b | getType }} 
    <div ng-if="(b | getType) == 'number'"> 
     It's a number 
    </div> 
    <div ng-if="(b | getType) == 'boolean'"> 
     It's a boolean 
    </div> 
    </div> 
</div> 

और बेला: http://jsfiddle.net/g8Ld80x3/5/

Answer 7

$scope.b = new String('name'); 

// ऊपर बयान के अनुसार, वस्तु typeof ऑपरेटर का परिणाम हो जाएगा। यह टाइपफ़ो ऑपरेटर के प्रकार की जांच नहीं करता है: http://bonsaiden.github.io/JavaScript-Garden/#types.typeof