Question

我正在制作货币指令。我想要实现的是这个。

当我点击输入时，将输入类型更改为＆＃34; number＆＃34; （所以我可以利用类型=＆＃34;数字＆＃34;）当我单击输入时，更改输入类型文本（因此我可以将数字格式化为货币，因为type = number只接受数值）。

它工作IF，我把输入更改功能放在控制器中，但它只有我有一个输入。（请参阅.html和script.js中的注释代码

解决方案是将函数放在指令中。

我尝试过没有成功。

这是一个plunker https://plnkr.co/edit/4l6CwIvZqCdIem5VXvtk?p=preview

指令

link: function(scope, el, attrs) {

    el.val($filter('currency')(scope.amount));

    el.bind('focus', function() {
      scope.typeNumber();
      el.val(scope.amount);
    });

    el.bind('input', function() {
      scope.amount = parseFloat(el.val());
      scope.$apply();
    });

    el.bind('blur', function() {
      scope.typeText()
      el.val($filter('currency')(scope.amount));
    });

    scope.typeNumber = function() {
      scope.t = 'number';
      console.log(scope.t);
    }
       scope.typeText = function() {
      scope.t = 'text';
      console.log(scope.t);
    }

  }

由于某种原因，这些功能无法在＆＃39;模糊＆＃39;并且＆＃39;关注＆＃39;我尝试了范围。$ apply（）也没有成功。

任何想法都可以做到吗？

我不知道是否应该使用观察者，（我不愿意）

谢谢

指令的角度变化输入类型

0 个答案: