web-dev-qa-db-fra.com

Fonctions mathématiques dans les liaisons angular2

Existe-t-il un moyen d'utiliser des fonctions mathématiques dans les liaisons angular2?

Exemple

<div class="partition-panel">
                <b class="pull-left">{{Math.round(variable/12*2)}}</b>
                <b class="pull-right">{{Math.round(variable/12*2)}}</b>
 </div>

quand essayer d'utiliser cela, j'ai eu une erreur

Cannot read property 'round' of undefined

On répond également à la question similaire pour angular1

angulartypescriptmath-functions
12
Jagadeesh Govindaraj

Vous pouvez essayer ceci: 

@Component({
  selector: 'my-app',
  template: `
    <div>
      <h2>Hello {{math.round(number)}}</h2>
    </div>
  `,
})
export class App {
  number = 2.5;
  math = Math;
}

DEMO

40
Adrien BARRAL

Pour arrondir les nombres dans les modèles angulaires, vous pouvez utiliser le DecimalPipe: {{ value | number }}

Voir toutes les options d'arrondi dans https://angular.io/api/common/DecimalPipe

Pour tous les tuyaux intégrés, vérifiez https://angular.io/api?type=pipe

1
Anis Abboud

L'idée générale est déjà dans La réponse d'Adrein BARRAL , mais elle contient trop d'informations inutiles et des informations de type incorrect sur l'objet Math. Nous pouvons faire mieux, plus simple et plus facile à comprendre avec moins de dactylographie:

@Component({
  selector: 'my-app',
  template: `
    <div>
      <h2>Hello {{ Math.round(number) }}</h2>
    </div>
  `,
})
export class App {
  number = 2.5
  Math = Math
}
0
Lazar Ljubenović