blocks|key|466977|text|$watch在“摘要”循环中执行。element.bind回调是从外部角调用的，因此必须添加对scope.$apply()的显式调用。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|466978|element.bind('blur',+function()+{
++++modelCtrl.$setViewValue(setFormatting(element.val(),+attrs.symbol));
++++modelCtrl.$render();
++++scope.$apply();
});|code-block|syntax|javascript|466979|更新小提琴|466980|有关AngularJS事件循环的信息，请参阅文档。|466981|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/YdCmV/1/|1|http://docs.angularjs.org/guide/scope#what-are-scopes_integration-with-the-browser-event-loop^0|0|6|H|C|1B|E|0|0|0|5|0|0|2|D|1|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]|$9|11|A|12|B|C]|$9|13|A|14|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|15|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|16|8|@]|D|@$9|17|A|18|1|19]]|E|$]]|$1|M|3|N|5|6|7|1A|8|@]|D|@$9|1B|A|1C|1|1D]]|E|$]]|$1|O|3|-4|5|6|7|1E|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]|W|$5|R|S|T|E|$U|X]]]]

The <code>$watch</code> is executed inside a 'digest' loop. The <code>element.bind</code> callback is called from outside angular, so you must add an explicit call to <code>scope.$apply()</code>:

<pre><code>element.bind('blur', function() {
 modelCtrl.$setViewValue(setFormatting(element.val(), attrs.symbol));
 modelCtrl.$render();
 scope.$apply();
});
</code></pre>

<a href="http://jsfiddle.net/YdCmV/1/" rel="nofollow">Updated fiddle</a>

See the docs for info about <a href="http://docs.angularjs.org/guide/scope#what-are-scopes_integration-with-the-browser-event-loop" rel="nofollow">AngularJS's event loop</a>.

blocks|key|468443|text|我能够通过向我的作用域添加一个modelCtrl.$parsers.push()+{.+}来以我想要的方式存储值。$watch(){.}。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|468444|scope.$watch(element,+function()+{
++++modelCtrl.$parsers.push(function(inputValue)+{
++++++++showAlert("Watch",+1);

++++++++if+(!prev)+{
++++++++++++prev+=+false;
++++++++++++var+returnVal+=+checkVal(inputValue,+modelCtrl,+decimals,+true,+minVal,+maxVal);

++++++++++++if+(String(returnVal)+===+".")+{
++++++++++++++++setAndRender(modelCtrl,+"");
++++++++++++++++return+"";
++++++++++++}
++++++++++++else+{
++++++++++++++++return+returnVal;
++++++++++++}
++++++++}
++++++++return+String(inputValue).replace(/[%5E0-9+.+-]/g,+'');
++++});

++++prev+=+true;
++++setAndRender(modelCtrl,+setFormatting(element.val(),+decimals,+attrs.prefix,+attrs.symbol));
});|code-block|syntax|javascript|468445|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I was able to get the ng-model to store values the way I wanted to by adding a modelCtrl.$parsers.push() { ... } to my scope.$watch() { ... }. 

<pre><code>scope.$watch(element, function() {
 modelCtrl.$parsers.push(function(inputValue) {
 showAlert("Watch", 1);

 if (!prev) {
 prev = false;
 var returnVal = checkVal(inputValue, modelCtrl, decimals, true, minVal, maxVal);

 if (String(returnVal) === ".") {
 setAndRender(modelCtrl, "");
 return "";
 }
 else {
 return returnVal;
 }
 }
 return String(inputValue).replace(/[^0-9 . -]/g, '');
 });

 prev = true;
 setAndRender(modelCtrl, setFormatting(element.val(), decimals, attrs.prefix, attrs.symbol));
});
</code></pre>

blocks|key|2857217|text|您也可以简单地使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2857218|ui-mask="{{'999,999,999°'}}"|code-block|syntax|javascript|2857219|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can also use simply 

<pre><code>ui-mask="{{'999,999,999°'}}"
</code></pre>

The directive I have created uses the function setFormatting to mask the text value in an input field.

<pre><code>scope.$watch(element, function() {
 modelCtrl.$setViewValue(setFormatting(element.val(), attrs.symbol));
 modelCtrl.$render();
});

element.bind('blur', function() {
 modelCtrl.$setViewValue(setFormatting(element.val(), attrs.symbol));
 modelCtrl.$render();
});
</code></pre>

The scope.$watch applies the mask when the content is loaded/applied the first time, the element.bind applies the mask for the other times. The scope.$watch is storing the symbol (if there is one) as part of the ng-model variable. The element.bind is not. I thought $setViewValue() and $render() did not update the ng-model variable. Where is the variable being updated?

See attached fiddle: <a href="http://jsfiddle.net/PJ3M4/" rel="nofollow">http://jsfiddle.net/PJ3M4/</a>
 Thanks.

AngularJS Directive Numeric Format Masking

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我创建的指令使用函数setFormatting来掩盖输入字段中的文本值。scope.$watch(element, function() {    modelCtrl.$setViewValue(setFormatting(element.val(), attrs.symbol));    modelCtrl.$ren...

问AngularJS指令数字格式掩蔽
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问AngularJS指令数字格式掩蔽EN