ionic-v1 disabled tel anchor 이슈

ionic v1

iOS 계열에서 나타나는 이슈로 iOS UI WebView 에서 특정 형식의 데이터(숫자)를 감지하여 전화 연결 태그(tel)를 자동으로 추가시켜 렌더링이 된다.

마크업 코드

1 2	<span>테스트</span> <span>9578867</span>

렌더링 코드

1 2	<span>테스트</span> <span><a href="tel:9578867" x-apple-data-detectors="true" x-apple-data-detectors-type="telephone" x-apple-data-detectors-result="0">9578867</a></span>

의도치 않게 자동 생성되는 전화 연결 링크 태그를 비활성화 할려면 index.html에 아래 코드를 <head> 태그 안에 삽입하면 해결된다.

1	<meta name="format-detection" content="telephone=no">

a 태그일 경우에 직접 비활성화 할 경우에는 x-apple-data-detectors 속성을 사용하면 해결된다.

1	<a href="#" x-apple-data-detectors="false">666-777-777</a>

AppIonic