Question

我的问题是我想创建一个名为date-input的指令，它可以应用于html输入字段。

在这个自定义日期输入中，我想要将其他模块中的其他指令添加到同一输入中。例如，我使用的是https://github.com/text-mask/text-mask/tree/master/angular2

中的textMask

我不想在我的应用程序中应用自定义蒙版，而是想添加我自己的指令，将其应用于我的所有输入，如果需要更改某些内容，我只需要更改我的1指令，而不是我实施此代码的所有地方。

使用textMask我目前必须为数字字段执行所有这些操作，更不用说在设置我的ngModel时取消屏蔽该值。我不想在我的网站上复制所有组件的代码，这些认为简单的指令会很棒。

HTML

<input type="text" class="form-control" 
       [(ngModel)]="inputValue" [textMask]="{mask: mask, guide: false}" />

我的TYPESCRIPT

import { Component, Input, OnChanges } from '@angular/core';

import createNumberMask from 'text-mask-addons/dist/createNumberMask.js';

export class NumberComponent {
    mask = createNumberMask({
                    prefix: '',
                    suffix: '',
                    decimalLimit: 0
                });
    inputValue: string = '';

    unmask(val) {
        let value = val.replace(/\D+/g, '');

        if (value == '') {
            return null;
        } else {
            return +value;
        }
    }
}

我想创建一个名为＆＃34; number-input＆＃34;的简单指令。这将添加[textMask] =＆＃34; {mask：mask，guide：false}＆＃34;在运行时输入。

可以这样做吗？

使用angular2中的另一个指令添加指令

0 个答案: