Comment utiliser “>” de référence dans AngularJS ng-si la déclaration

Est-il possible d'utiliser le "plus grand que" comparateur dans un ng-si en HTML?
Le problème est que la ">" symbole prématurément ferme la balise HTML.

ex.
ce: <div ng-if="foo>0" class="bar"> (HTML STUFF) </div>

est lu comme suit: <div ng-if="foo"> (0 class="bar"> HTML STUFF) </div>

J'ai fini par trouver contourner ce problème en utilisant ng-si="foo!=0", mais je pourrais probablement utiliser le moins de comparateur à la place, mais j'étais juste curieux de savoir dans le cas où il me fallait absolument utiliser le signe supérieur pour une raison quelconque. Ou aurais-je peut-être avoir à déplacer cette logique quelque part d'autre, comme dans mon contrôleur plutôt que de mon point de vue?

EDIT 1
Donc, il semble définitivement comme le comparateur de lui-même n'est pas le problème et il se passe autre chose dans mon code. Curieusement, lorsque j'ai espaces avant et après le comparateur, il fonctionne, mais sans espaces, elle ne l'est pas. Je suis également en utilisant angulaire 1.3.15 si cela signifie quelque chose.

<div class="paginate" ng-if="list.total > 0"> œuvres

<div class="paginate" ng-if="list.total>0"> ne fonctionne pas

  • mettez votre logique à une fonction
  • possible dupe de stackoverflow.com/questions/18403835/...
  • "Le problème est que la ">" symbole prématurément ferme la balise HTML.". Non, il n'est pas. Pourquoi pensez-vous ainsi?
  • Voici un plunker avec un exemple de travail.
  • Il y a quelque chose d'autre à faire dans votre cas. J'ai utilisé GT/LT de nombreuses fois sans problème.
  • Cela peut également se produire lorsque vous utilisez un SVG-document. Le document ne sera pas de bulle tout événement d'entrée (peut-elle être une survolez ou cliquez sur l'événement) de l'élément parent. Pour ce cas, vous pouvez utiliser la propriété CSS pointer-events: none; pour arrêter tout cas aller à l'intérieur du SVG, donc par défaut bouillonnement fonctionne.

InformationsquelleAutor krhithm | 2015-11-25
  1. 10

    Ceci est un exemple de l'utilisation de la > symbole. Cela fonctionne très bien.

    <div ng-if="myvariable.length > 2">

</div>
    • Cela fonctionne avec < 2 trop?
    • oui, c'est fait
    InformationsquelleAutor user1532669
  2. 5

    Je vous recommande de créer une méthode sur la portée et l'abstraction de la logique de l'état. Les règles d'entreprise peut se développer et de changement. Avec une autre méthode, vous n'avez pas besoin de modifier le modèle.

    //in controller
$scope.isValidFoo = function () {
    return $scope.foo > 0;
}

//in template
<div ng-if="isValidFoo()">...</div>
    InformationsquelleAutor Artem K.