Могу ли я просто создать десятичные числа числа в угловом?

Question

Я пытаюсь стиль только десятые выглядеть так же, как это:

Не имел успеха, я думаю, что мне нужно, чтобы сделать свой собственный фильтр, попробовал, но не имел успеха ни , Я думаю, это потому, что я использую его внутри состояния.

Вот код, я использую для номера:

<h2><sup>$</sup>{{salary | number:0}}<sub>.00</sub></h2> 

Внутри .app IAM, используя эту область:

$ scope.salary = 9000;

Вещь - это номер, который может быть любым размером зарплаты пользователя, он получает номер от ввода, в других местах у меня больше чисел с десятичными знаками.

Возможные решения: только

• Извлечение десятые из значения и напечатать их в де тега.
• Используйте фильтр, чтобы сделать это?

Answer 1

Используйте директиву, которая будет разделять сумму и генерировать правильный HTML. For example:

app.directive('salary', function(){ 
    return { 
     restrict: 'E' 
     , scope: { 
      salary: '@' 
     } 
     , controller: controller 
     , controllerAs: 'dvm' 
     , bindToController: true 
     , template: '<h2><sup>$</sup>{{ dvm.dollar }}<sub>.{{ dvm.cents }}</sub></h2>' 
    }; 

    function controller(){ 
    var parts = parseFloat(this.salary).toFixed(2).split(/\./); 
    this.dollar = parts[0]; 
    this.cents = parts[1]; 
    } 
}); 

Answer 2

Самым простым решением было бы разделить из числа в это дробная часть и целое число часть:

var number = 90000.99111; 
 

 
console.log(number % 1);

Используйте это в вашем контроллере, и разделить переменную области видимости в объект:

$scope.salary = { 
    whole: salary, 
    decimal: salary % 1 
    } 

Protip: Использование такого объекта лучше, чем использование двух переменных области для производительности.