Как создать атрибутивную директиву форматирования ввода в angularjs?

Я новичок в angularjs. Я хочу создать специальную директиву, которая удаляет нули в. Например, если я наберу 00014, у меня будет 14 в поле ввода. У меня уже есть код, но я не уверен, что он правильный:

(function () {
angular.module('issuetrackerApp')
    .directive('validateTime', validateTime);
function validateTime() {
    return {
        restrict: 'A',
        scope: {
            validateTime: '='
        },
        templateUrl: '...'
    };
  }
});

HTML

 <input type=number>

javascript html angularjs

15.11.2018 11:56

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

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

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

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

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Ответы 1

Вы можете использовать обработчик событий onchange для усечения ведущих нулей

 scope.value.replace(/^0+/, '');

Вот пример этого.

console.clear();

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

app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';
});


app.directive("textbox", function(){
  return {
    require: "?ngModel",
    template: "<input ng-model='value' ng-change='onChange()'>",
    link: function(scope, element, attrs, ngModel){
      if (!ngModel) return;
      
      scope.onChange = function(){
      
        scope.value = scope.value.replace(/^0+/, '');
       
      };
      
      ngModel.$render = function(){
        scope.value = ngModel.$modelValue;
      };
    }
  };
});

<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src = "https://code.angularjs.org/1.3.13/angular.js"></script>

<div ng-controller = "MainCtrl" ng-form = "form1" ng-app = "test">
    
    <pre><textbox name = "editor" ng-model = "foo" minlength = "3"></textbox></pre>
    {{value}}
    <hr>
    
  </div>

15.11.2018 12:09

Другие вопросы по теме

Поменять местами div (дочерние столбцы) в разные столбцы в адаптивном

Таймер Javascript уже запущен до запуска

Запускать автозаполнение при нажатии любого ключевого слова в поле ввода

JavaScript: электронная почта, влияющая на CSS других тегов в веб-приложении

CSS - невозможно удалить стиль наведения по умолчанию из элемента option (дочерний элемент select)

Jquery .toggleClass при нажатии с использованием нескольких идентификаторов

Поле автозаполнения с несколькими значениями (удаляемое)

Html, граница css исчезает при изменении границы-коллапса

Как переместить html-контент с помощью html select с помощью javascript

Как получить данные из динамических веб-элементов [id] и динамически записать эти данные в Excel в соседнюю ячейку входных данных

Как создать атрибутивную директиву форматирования ввода в angularjs?

Ответы 1

Другие вопросы по теме

Похожие вопросы