2016-06-30 3 views
2

https://htmlpreview.github.io/?https://github.com/angular-ui/ui-mask/master/demo/index.html앵귤러 UV 마스크의 용도는 무엇입니까?

이 문서는 내가 찾을 수있는 유일한 문서입니다. 그리고 그것은 나에게별로 의미가 없습니다. 내가 볼 수있는 한 공식 데모는 없습니다.

ui-mask-placeholder 및 ui-mask-placeholder-char가 작동하지 않는 것 같습니다.

사용자가 마스크 된 필드에 값을 입력하면 마스크가 사라지고 사용자가 원하는 값을 입력 할 수 있습니다. 그래서 기본적으로 자리 표시자를 사용하여 방금 남아 있습니다. 그러면 마스크의 요점은 무엇입니까? 내가 뭘 놓치고 있니?

답변

5

ui-mask는 입력 패턴을 정의하고 사용자가 입력 패턴을 강제로 넣도록합니다.

예를 들어 마스크를 (999) 999-9999으로 설정하면 사용자는 (123) 456-7890으로 일부 값을 입력 할 수 있습니다.

A 어떤 편지 :

마스크 정의는 이러한 패턴을 고려합니다.

9 숫자가.

* 임의의 문자 또는 숫자.

? 마스크의 일부를 선택적으로 설정하십시오. 당신이 AAAAA-AAAAA로 마스크를 정의하면

따라서, 사용자는 일부 hello-world 또는 값으로 qwert-yuiop (만 글자)를 쓸 수 있습니다.

기본 틀 문자가 집중 때 입력에서 "채우기"로 사용되는 문자이며, 값이 비어 :

당신이 마스크 AAAAA-AAAAA과 기본 틀 문자 _ (기본값)을 선택하면, 입력 필드에 초점을 맞추면 _____-_____이 표시됩니다. 당신이 X 문자 기본 틀을 선택하면

, 당신은 내가 예상하는 기능이 그 XXXXX-XXXXX

+0

있을 것이다. 그러나 그것은 나를 위해 일하는 것 같지 않습니다. 어떤 스크립트 파일이 작동하려면이 스크립트 파일을 포함해야합니까? 또한 적절한 데모가 있습니까? 감사. :) – Aditi

+0

'angular.js' 코어 파일과'angular-ui-mask/dist/mask.js '를 포함하면됩니다. 의존성을'ui.mask' : angular.module ('myApp', [ 'ui.mask'])'에 추가하십시오. 적절한 데모에 관해서, 내가 링크 한 것만 큼 완벽하지는 않습니다. – JulCh

관련 문제