Wie Holen Sie eine Art von scope-Variablen in Eckigen Ausdruck?

Definieren wir einen einfachen booleschen über den Umfang:

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

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

Wie kann ich den Typ einer Variablen in den Ausdruck? typeOf und Object.prototype.Tostring.call funktionieren nicht.

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

Hier der JSFiddle: http://jsfiddle.net/g8Ld80x3/2/

InformationsquelleAutor Landeeyo | 2016-03-08

15

ich denke, der beste Weg, um erstellen Sie einen benutzerdefinierten filter und verwenden Sie es wie Sie wünschen in Euch Ausdruck, können Sie überprüfen, diese link, der nutzen für Sie das Objekt.Schlüssel eines Objekts

für Ihren Fall können Sie
```
angular.module('customfilter', []).filter('typeof', function() {
  return function(obj) {
    return typeof obj
  };
});
```
- Tolle Idee! Einfach und robust. Ich mag es.
- Warum hat das nicht gebaut worden, in Winkel? Vielleicht ist es bereits in den Winkel-2. Sieht nicht so aus, obwohl es stackoverflow.com/questions/37511055/....
InformationsquelleAutor Zamboney

Nur um zu zeigen, Zamboney Antwort angewandt auf mein Beispiel-code:

Controller:

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

Anzeigen:

<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>

Geige und: http://jsfiddle.net/g8Ld80x3/5/

InformationsquelleAutor Landeeyo

4

Können Sie es nicht tun und das aus gutem Grund: Winkel-Ausdruck parser verbietet solche Art von Dingen, die in den Vorlagen.

Wenn Sie wirklich wollen, um in der Lage zu tun, empfehle ich explizit helper-Methoden auf die $rootScope so wird es sein, in allen Ihren Vorlagen:
```
mymodal.run(function($rootScope) {
    $rootScope.typeOf = function(value) {
        return typeof value;
    };
});
```
Können Sie Sie auch Referenz-Winkel-eigenen utility-Methoden:
```
 mymodal.run(function($rootScope) {
    ['isArray', 'isDate', 'isDefined', 'isFunction', 'isNumber', 'isObject', 'isString', 'isUndefined'].forEach(function(name) {
        $rootScope[name] = angular[name];
    });
});
```
und verwenden {{ isArray(arr) }} Vorlagen.
- Dies ist die große Antwort, und ich danke Ihnen sehr. Aber Zamboney die Idee zum erstellen der filter ist für mich besser. Trotzdem - nochmals vielen Dank.
- Eigentlich filter ist in diesem Fall sehr schlechte Idee ist, durch mindestens 2 Gründe, aber was ist besser für Euch.
- Was sind die Nachteile?
- Filter sind nicht sehr performant. Dann, wie sind Sie gehen zu verwenden, in ngIf zum Beispiel? Sie können aber das ist umständlich.
- Wenn es um die Nutzung, die ich über diese Frage nachgedacht: stackoverflow.com/questions/35862140/... . Was ist der zweite Grund?
InformationsquelleAutor dfsq
1

Probieren Sie etwas wie dies in den controller(ich glaube nicht, dass möglich ist, direkt im Ausdruck, wie Sie wollen):

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

mymodal.controller('MainCtrl', function ($scope) {
    $scope.b = false;
    $scope.getBType = function(test){
        return( typeof test);
    }
});
```
HTML:
```
<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>
```
- Ich will nicht zu tun es in einem controller. Ich möchte ausführen typeof im Ausdruck. Auch in ng-if oder ng-show/ng-hide Richtlinien.
- Erste, Sie haben zu tun Sie es in der Steuerung, dann Sie es zurück auf den Ausdruck.
- Sollte das nicht eher zurückkehren, als string aufrufen alert?
- Sie können return-Methode anstelle der Alarm dann. Wichtig ist, dass es funktioniert. Siehe aktualisierte Antwort.
InformationsquelleAutor Ionut

Als Sie versuchen, auf den Typ typeof von den spezifischen Wert und die aktuelle code, den Sie dabei in der view die ist schon Recht spät für eine solche operation.

Stattdessen können Sie eine Funktion im controller-Bereich und der gerade wieder von dort:

JS:

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

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

HTML:

<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>

InformationsquelleAutor Jai

HTML

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

ERGEBNIS

false
boolean

InformationsquelleAutor georgeawg

0
```
$scope.b = new String('name');
```
//entsprechend der oben genannten Anweisung, das Objekt wird das Ergebnis der typeof-operator. Es funktioniert nicht überprüfen Sie den Typ der typeof-operator: http://bonsaiden.github.io/JavaScript-Garden/#types.typeof

InformationsquelleAutor anarchist

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.