Як я можу проаналізувати String на Int у виразі Angular?

Числовий рядок '5'

var num_str = '5';

Як я можу проаналізувати і дозволити одночасно виправити відповіді нижче?

{{num_str + 1}}  // 6
{{num_str - 1}}  // 4

parseInt не може використовуватися у виразі Angular,

{{parseInt(num_str) - 1}}    

числовий фільтр не може додати і мінус,

{{num_str - 1 | number}}

Якщо хтось має корисну пропозицію, я буду дуже вдячний вам

У вашому контролері:

$scope.num_str = parseInt(num_str, 10);  // parseInt with radix

Я вважаю за краще використовувати кутовий фільтр.

app.filter('num', function() {
    return function(input) {
      return parseInt(input, 10);
    };
});

тоді ви можете використовувати це в dom:

{{'10'|num}}

Ось скрипка .

Сподіваюся, це допомогло!

Ви можете спробувати:

{{ 1 * num_str + 1 }}

http://jsfiddle.net/Z32fP/

Іншим варіантом буде:

$scope.parseInt = parseInt;

Тоді ви могли зробити це так, як хотіли:

{{parseInt(num_str)-1}}

Це тому, що кутові вирази не мають доступу до window, лише доscope .

Крім того, з числовим фільтром працює загортання виразу в дужки:

{{(num_str-1) | number}}

ДЕМО

{{ num_str - 0 }}

... працює для мене.

Жодне з перерахованого не працювало для мене.

Але це зробило:

{{ (num1_str * 1) + (num2_str * 1) }}

Ви можете скористатися методом javascript Number, щоб проаналізувати його на число,

var num=Number (num_str);

Окрім {{1 * num_str + 1}} Ви також можете спробувати так (спочатку мінус):

{{ num_str - 0 + 1}}

Але це дуже тендітно, якщо num_str містить літери, тоді він не вдасться. Тому краще спробувати написати фільтр, як сказав @hassassin, або попередньо обробити дані відразу після його ініціювання.

Ви можете створити трубу і використовувати її де завгодно у вашій системі.

import { Pipe, PipeTransform } from '@angular/core';
 @Pipe({
     // tslint:disable-next-line:pipe-naming
     name: 'toNumber',
     pure: false }) export class ToNumberPipe implements PipeTransform { 
     public transform(items: any): any {
         if (!items) {
             return 0;
         }
         return parseInt(items, 10);
     } }

У HTML

{{ attr.text | toNumber }}

Не забудьте оголосити цю трубу доступною у файлі ваших модулів.

Я спробував згадані вище рішення, і жодне з них не працювало для мене. Я використовував JSON.parse, і це спрацювало:

$http.get('/api/getAdPolling')
  .success(function (data) {
    console.log('success: ' + data.length);

    if (JSON.stringify(data) != "not found") {
        $scope.adPoll = JSON.parse(data);
    }
})
  .error(function (data) {
    console.log('Error: ' + data);
});

Не дуже чудовий, але кумедний хак: Ви можете - замість +

{{num_str -- 1 }}

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<div ng-app>
  {{'1'--1}}
</div>