테스트 사이트 - 개발 중인 베타 버전입니다

SIR

로그인 회원가입

앵귤러 js쓸만하군요.

Terrorboy

프로필 보기 이 회원 글보기

· 10년 전 · 조회 2703 2703 · 댓글 6 6

하이브리드 처리 부분에서 일부 통신을 PHP 웹뷰로 띄우는 부분이 있는데 앵귤러로 처리 하니 편하네요 ㅎㅎㅎ

[code]

<script type="text/javascript">

function address_book($scope, $http) {

// 주소록 데이터

$http.get('<?php echo APP_DATA_URL; ?>/data/user_data.php?linear=ㄱ').success(function(response) {$scope.data1 = response;});

$http.get('<?php echo APP_DATA_URL; ?>/data/user_data.php?linear=ㄴ').success(function(response) {$scope.data2 = response;});

$http.get('<?php echo APP_DATA_URL; ?>/data/user_data.php?linear=ㄷ').success(function(response) {$scope.data3 = response;});

$http.get('<?php echo APP_DATA_URL; ?>/data/user_data.php?linear=ㄹ').success(function(response) {$scope.data4 = response;});

$http.get('<?php echo APP_DATA_URL; ?>/data/user_data.php?linear=ㅁ').success(function(response) {$scope.data5 = response;});

$http.get('<?php echo APP_DATA_URL; ?>/data/user_data.php?linear=ㅂ').success(function(response) {$scope.data6 = response;});

$http.get('<?php echo APP_DATA_URL; ?>/data/user_data.php?linear=ㅅ').success(function(response) {$scope.data7 = response;});

$http.get('<?php echo APP_DATA_URL; ?>/data/user_data.php?linear=ㅇ').success(function(response) {$scope.data8 = response;});

$http.get('<?php echo APP_DATA_URL; ?>/data/user_data.php?linear=ㅈ').success(function(response) {$scope.data9 = response;});

$http.get('<?php echo APP_DATA_URL; ?>/data/user_data.php?linear=ㅊ').success(function(response) {$scope.data10 = response;});

$http.get('<?php echo APP_DATA_URL; ?>/data/user_data.php?linear=ㅋ').success(function(response) {$scope.data11 = response;});

$http.get('<?php echo APP_DATA_URL; ?>/data/user_data.php?linear=ㅌ').success(function(response) {$scope.data12 = response;});

$http.get('<?php echo APP_DATA_URL; ?>/data/user_data.php?linear=ㅍ').success(function(response) {$scope.data13 = response;});

$http.get('<?php echo APP_DATA_URL; ?>/data/user_data.php?linear=ㅎ').success(function(response) {$scope.data14 = response;});

var match = function (item, val) {

var regex = new RegExp(val, 'i');

return item.name_linear.toString().search(regex) == 0 ||

item.name.toString().search(regex) == 0 ||

item.tel_1_origin.toString().search(regex) == 0 ||

item.tel_1.toString().search(regex) == 0 ||

item.tel_4cut.toString().search(regex) == 0;

};

// 검색 설정

$scope.filterData = function(item) {

if(!$scope.searchField) return true;

var matched = true;

// Otherwise apply your matching logic

$scope.searchField.split(' ').forEach(function(token) {

matched = matched && match(item, token);

});

return matched;

}

}

</script>

<section id="topmenu">

<div class="header">

<p class="srchBox">

<span class="btn s"></span>

<input type="text" ng-model="searchField" class="txt" placeholder="이름, 전화번호를 입력해주세요.">

<a href="<?php echo APP_URL; ?>/member_form" class="btn new">신규고객</a>

</p>

</div>

</section>

<div class="calltab">

<ul>

<li class="off"><a href="#"><span>통화이력</span></a></li>

<li class="on"><a href="#"><span>고객목록</span></a></li>

</ul>

</div>

<div class="memlist" ng-controller="address_book">

<h2 ng-if="data1">ㄱ</h2>

<ul ng-repeat="x in data1 | filter:filterData">

<li>

<span ng-hide="true">{{x.name_linear}}</span>

<span ng-hide="true">{{x.tel_4cut}}</span>

<a href="tel:{{x.tel_1_origin}}" class="tel">

<p class="name">{{x.name}} {{x.tel_1}}</p>

<p class="age">{{x.sex}} / {{x.age}}세</p>

</a>

<a href="<?php echo APP_URL; ?>/member_form?idx={{x.idx}}" class="go ic">고객정보</a>

</li>

</ul>

<h2 ng-if="data2">ㄴ</h2>

<ul ng-repeat="x in data2 | filter:filterData">

<li>

<span ng-hide="true">{{x.name_linear}}</span>

<span ng-hide="true">{{x.tel_4cut}}</span>

<a href="tel:{{x.tel_1_origin}}" class="tel">

<p class="name">{{x.name}} {{x.tel_1}}</p>

<p class="age">{{x.sex}} / {{x.age}}세</p>

</a>

<a href="<?php echo APP_URL; ?>/member_form?idx={{x.idx}}" class="go ic">고객정보</a>

</li>

</ul>

<h2 ng-if="data3">ㄷ</h2>

<ul ng-repeat="x in data3 | filter:filterData">

<li>

<span ng-hide="true">{{x.name_linear}}</span>

<span ng-hide="true">{{x.tel_4cut}}</span>

<a href="tel:{{x.tel_1_origin}}" class="tel">

<p class="name">{{x.name}} {{x.tel_1}}</p>

<p class="age">{{x.sex}} / {{x.age}}세</p>

</a>

<a href="<?php echo APP_URL; ?>/member_form?idx={{x.idx}}" class="go ic">고객정보</a>

</li>

</ul>

<h2 ng-if="data4">ㄹ</h2>

<ul ng-repeat="x in data4 | filter:filterData">

<li>

<span ng-hide="true">{{x.name_linear}}</span>

<span ng-hide="true">{{x.tel_4cut}}</span>

<a href="tel:{{x.tel_1_origin}}" class="tel">

<p class="name">{{x.name}} {{x.tel_1}}</p>

<p class="age">{{x.sex}} / {{x.age}}세</p>

</a>

<a href="<?php echo APP_URL; ?>/member_form?idx={{x.idx}}" class="go ic">고객정보</a>

</li>

</ul>

<h2 ng-if="data5">ㅁ</h2>

<ul ng-repeat="x in data5 | filter:filterData">

<li>

<span ng-hide="true">{{x.name_linear}}</span>

<span ng-hide="true">{{x.tel_4cut}}</span>

<a href="tel:{{x.tel_1_origin}}" class="tel">

<p class="name">{{x.name}} {{x.tel_1}}</p>

<p class="age">{{x.sex}} / {{x.age}}세</p>

</a>

<a href="<?php echo APP_URL; ?>/member_form?idx={{x.idx}}" class="go ic">고객정보</a>

</li>

</ul>

<h2 ng-if="data6">ㅂ</h2>

<ul ng-repeat="x in data6 | filter:filterData">

<li>

<span ng-hide="true">{{x.name_linear}}</span>

<span ng-hide="true">{{x.tel_4cut}}</span>

<a href="tel:{{x.tel_1_origin}}" class="tel">

<p class="name">{{x.name}} {{x.tel_1}}</p>

<p class="age">{{x.sex}} / {{x.age}}세</p>

</a>

<a href="<?php echo APP_URL; ?>/member_form?idx={{x.idx}}" class="go ic">고객정보</a>

</li>

</ul>

<h2 ng-if="data7">ㅅ</h2>

<ul ng-repeat="x in data7 | filter:filterData">

<li>

<span ng-hide="true">{{x.name_linear}}</span>

<span ng-hide="true">{{x.tel_4cut}}</span>

<a href="tel:{{x.tel_1_origin}}" class="tel">

<p class="name">{{x.name}} {{x.tel_1}}</p>

<p class="age">{{x.sex}} / {{x.age}}세</p>

</a>

<a href="<?php echo APP_URL; ?>/member_form?idx={{x.idx}}" class="go ic">고객정보</a>

</li>

</ul>

<h2 ng-if="data8">ㅇ</h2>

<ul ng-repeat="x in data8 | filter:filterData">

<li>

<span ng-hide="true">{{x.name_linear}}</span>

<span ng-hide="true">{{x.tel_4cut}}</span>

<a href="tel:{{x.tel_1_origin}}" class="tel">

<p class="name">{{x.name}} {{x.tel_1}}</p>

<p class="age">{{x.sex}} / {{x.age}}세</p>

</a>

<a href="<?php echo APP_URL; ?>/member_form?idx={{x.idx}}" class="go ic">고객정보</a>

</li>

</ul>

<h2 ng-if="data9">ㅈ</h2>

<ul ng-repeat="x in data9 | filter:filterData">

<li>

<span ng-hide="true">{{x.name_linear}}</span>

<span ng-hide="true">{{x.tel_4cut}}</span>

<a href="tel:{{x.tel_1_origin}}" class="tel">

<p class="name">{{x.name}} {{x.tel_1}}</p>

<p class="age">{{x.sex}} / {{x.age}}세</p>

</a>

<a href="<?php echo APP_URL; ?>/member_form?idx={{x.idx}}" class="go ic">고객정보</a>

</li>

</ul>

<h2 ng-if="data10">ㅊ</h2>

<ul ng-repeat="x in data10 | filter:filterData">

<li>

<span ng-hide="true">{{x.name_linear}}</span>

<span ng-hide="true">{{x.tel_4cut}}</span>

<a href="tel:{{x.tel_1_origin}}" class="tel">

<p class="name">{{x.name}} {{x.tel_1}}</p>

<p class="age">{{x.sex}} / {{x.age}}세</p>

</a>

<a href="<?php echo APP_URL; ?>/member_form?idx={{x.idx}}" class="go ic">고객정보</a>

</li>

</ul>

<h2 ng-if="data11">ㅋ</h2>

<ul ng-repeat="x in data11 | filter:filterData">

<li>

<span ng-hide="true">{{x.name_linear}}</span>

<span ng-hide="true">{{x.tel_4cut}}</span>

<a href="tel:{{x.tel_1_origin}}" class="tel">

<p class="name">{{x.name}} {{x.tel_1}}</p>

<p class="age">{{x.sex}} / {{x.age}}세</p>

</a>

<a href="<?php echo APP_URL; ?>/member_form?idx={{x.idx}}" class="go ic">고객정보</a>

</li>

</ul>

<h2 ng-if="data12">ㅌ</h2>

<ul ng-repeat="x in data12 | filter:filterData">

<li>

<span ng-hide="true">{{x.name_linear}}</span>

<span ng-hide="true">{{x.tel_4cut}}</span>

<a href="tel:{{x.tel_1_origin}}" class="tel">

<p class="name">{{x.name}} {{x.tel_1}}</p>

<p class="age">{{x.sex}} / {{x.age}}세</p>

</a>

<a href="<?php echo APP_URL; ?>/member_form?idx={{x.idx}}" class="go ic">고객정보</a>

</li>

</ul>

<h2 ng-if="data13">ㅍ</h2>

<ul ng-repeat="x in data13 | filter:filterData">

<li>

<span ng-hide="true">{{x.name_linear}}</span>

<span ng-hide="true">{{x.tel_4cut}}</span>

<a href="tel:{{x.tel_1_origin}}" class="tel">

<p class="name">{{x.name}} {{x.tel_1}}</p>

<p class="age">{{x.sex}} / {{x.age}}세</p>

</a>

<a href="<?php echo APP_URL; ?>/member_form?idx={{x.idx}}" class="go ic">고객정보</a>

</li>

</ul>

<h2 ng-if="data14">ㅎ</h2>

<ul ng-repeat="x in data14 | filter:filterData">

<li>

<span ng-hide="true">{{x.name_linear}}</span>

<span ng-hide="true">{{x.tel_4cut}}</span>

<a href="tel:{{x.tel_1_origin}}" class="tel">

<p class="name">{{x.name}} {{x.tel_1}}</p>

<p class="age">{{x.sex}} / {{x.age}}세</p>

</a>

<a href="<?php echo APP_URL; ?>/member_form?idx={{x.idx}}" class="go ic">고객정보</a>

</li>

</ul>

</div>

[/code]

목록

이전글 다음글

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 6개

벤지

프로필 보기 이 회원 글보기

10년 전

테러보이님
뭐? 이리 습득력이 빨라요......^-^
얼렁 쫏아가야 되는데 ...헉헉 되겠당.....ㅋㅋㅋㅋ

Terrorboy

프로필 보기 이 회원 글보기

10년 전

ㅎㅎㅎ
아직 많이 몰라요.
본격적으로 사용 한지가1주일 밖에 안되서

아샬

프로필 보기 이 회원 글보기

10년 전

app, controller 단위보다 작게 - widget, component - 하실 때는 Vue.js도 추천하고 싶습니다. AngularJS를 써보신 분들께는 그냥 더 심플하고 빠른 녀석 정도죠. http://j.mp/1m7yBnD

Terrorboy

프로필 보기 이 회원 글보기

10년 전

오오오.
더 가볍네요.
좋은 정보 감사합니다.
다음앱에 적용 해봐야겠네요 ㅎㅎ

xpem

프로필 보기 이 회원 글보기

10년 전

$initial = array('ㄱ','ㄴ',...'ㅎ');
배열에 for($i=0;$i < sizeof($initial);$i++)문 돌리는게 더... T_T;

Terrorboy

프로필 보기 이 회원 글보기

10년 전

실제로 ㄱ~ㅎ단 순 출력은 그렇게 했지요.
이해를 돕기위해 길게 작성 한겁니다 ㅎㅎㅎ

게시글 목록

번호	제목	글쓴이	조회	날짜
26573	기타 매뉴얼, 북 등의 문서 협업 / 디자인 목업	wooriteam	4,904	10년 전
7309	반응형웹 기반 쇼핑몰 구축 (영카트 vs Cafe24 vs 고도몰) 2	큐티써니	1,736	10년 전
19780	기타 vi 편집기에서 세로로 문자열 입력	멋진남자임	1,104	10년 전
7306	파일 업로드 권한에 관련되서 질문드립니다.. 2	sdflksdj2	766	10년 전
28025	크로스 브라우징 하시는분들 익스 7까지 잡아주시나요? 10	갱쿤	1,314	10년 전
28020	안드로이드 모바일에서 이미지가 흐릿하게 보이는 현상은? 4	벤지	1,340	10년 전
28010	취업과정 고민 및 포트폴리오 질문드려요 9	바이올린	1,001	10년 전
7304	직접 만든 레이아웃이나 플러그인 등에 애드센스를 달아서 배포한다면 약관 위반이 되는걸까요? 1	SeungYeon	520	10년 전
7302	값 넘겨주기 input 이렇게 쓰는게 맞을까요? 1	에니스	762	10년 전
7295	그누보드에서 phpmyadmin만 재설치가 가능한가요?? 6	sdflksdj2	637	10년 전
7292	파이썬 관련 질문입니다. 2	허재영	920	10년 전
7287	이번에 만들어본 푸시 클래스 입니다. 4	Terrorboy	1,344	10년 전
19779	기타 세로로 편집하기 - 꼭 필요한 기능	멋진남자임	1,365	10년 전
7284	Y a n d e x B o t ..... 비밀번호 쪽으로 1주일째 2	벤지	556	11년 전
7279	php 서버 :: 리눅스 서버 or 윈도우 서버?? 4	senseme	1,176	11년 전
7278	<개발자 모십니다> 뉴스젤리 개발자 채용 공고	뉴스젤리	923	11년 전
28009	다음 API 주소 적용된 영카트5 이동중인데...	ImSG	678	11년 전
31753	그누보드5 그누보드5 강좌 - 갤러리스킨 만들기	신리	4,803	11년 전
31752	그누보드5 그누보드5 강좌 - 메인에 jQuery슬라이드 적용하기	신리	4,380	11년 전
7274	게시물이동관련 질문입니다. 3	holla	856	11년 전
31751	그누보드5 그누보드5 강좌 - 주메뉴,부메뉴 모두 가로형태 메뉴적용하기	신리	4,203	11년 전
31750	그누보드5 그누보드5 강좌 - 네비게이션적용하기	신리	3,880	11년 전
31749	그누보드5 그누보드5 강좌 - 네비게이션적용하기	신리	4,233	11년 전
31748	그누보드5 그누보드5 강좌 - 스킨적용하기	신리	5,014	11년 전
30979	기타 계륵.. css3, jquery 를 이용한 랜덤 돌림판 포인트게임	뽁스	4,685	11년 전
31747	그누보드5 그누보드5 강좌 - 홈페이지만들기 실전#2	신리	4,240	11년 전
28004	정말 궁금한데요... 4	감기약	714	11년 전
31745	그누보드5 그누보드5 강좌 - 홈페이지만들기 실전 1	신리	5,629	11년 전
7267	그누보드나 배추빌더 설치시 아래와같이 오류가 납니다 6	까망아이	1,446	11년 전
7261	payment 플러그인 화 5	Terrorboy	932	11년 전
31742	그누보드5 그누보드강좌 샘플 2	신리	2,944	11년 전
7256	이클립스 이용 하시는분께 4	멋진남자임	868	11년 전
19776	node.js mysql 연결 방법 2가지 2	파랑새1597	2,609	11년 전
24650	상담좀 부탁드립니다~ 7	유보	2,218	11년 전
7252	저 그누보드는 설치되어 있는데 소스수정은??? 3	basketball	1,313	11년 전
7248	이메일서버가 수신은 되는데 발송이 안될때 해결법이 무얼까요 3	까망아이	1,554	11년 전
28002	인풋폼 크로스브라우징 문제 대응법 문의요 1	김우너석	880	11년 전
19772	JavaScript 한글로 된 숫자를 아라비아 숫자로 변환 3	슈와이	2,019	11년 전
7245	개발자토크는 역시 제가 낄 곳이 아니군요. 2	바보천사	800	11년 전
19770	jQuery jquery.bxSlide를 이용하여 슬라이드만들기 1	잘살아보자	5,305	11년 전
19769	jQuery php에 number_format을 제이쿼리로.. 별것 다 있네요 굿이에요	잘살아보자	2,171	11년 전
30975	CSS 익스8이하에서 css3을 사용하기 3	잘살아보자	3,286	11년 전
7243	OOP에 대한 생각 1	파랑새1597	884	11년 전
7236	고정 아이피가 바뀌면서 서버 먹통 관련 문의 드립니다 6	까망아이	1,060	11년 전
28001	터치슬라이드안에 탭이 들어갈떄 질문입니다..	프리랜서퍼블리셔	934	11년 전
27994	h1 태그를 많이 써도 SEO에 영향이 없을까? 6	모노폴리	1,542	11년 전
7233	구글 앱 등록해보신분~!! 검색 순위 궁금한게 있어요! 2	울라라라우	860	11년 전
7232	부트스트랩 기반 위지웍 에디터.	위토즈	1,504	11년 전
19768	jQuery 제이쿼리로 이미지 회전 시키기	잘살아보자	4,193	11년 전
19765	jQuery 구형 익스에서 HTML5 적용시키기 2	잘살아보자	1,953	11년 전
19763	jQuery 특정 레이어 높이 100% 잡는 법 1	잘살아보자	1,906	11년 전
30974	CSS 레이어팝업 가로 중앙 위치 시키기	잘살아보자	5,864	11년 전
7224	Socket.IO도 결국은 리프레쉬?? 7	senseme	1,832	11년 전
19761	jQuery 모바일 해상도에 맞게 이미지 출력 1	잘살아보자	2,696	11년 전
24645	2014년 9월 SIR 접속 브라우저 해상도 순위 4	관리자	2,341	11년 전
19760	기타 perl을 사용하여 쉘상에서 url 주소 실행	잘살아보자	1,004	11년 전
19758	jQuery 제이쿼리를 이용하여 동영상 재생 1	잘살아보자	3,101	11년 전
19757	jQuery jquery.ulslide.js 2번째 , 마우스훨을 이용한 이미지 이동	잘살아보자	2,442	11년 전
19754	jQuery 제이쿼리 가로 슬라이드 [jquery.ulslide.js 사용법] 2	잘살아보자	5,800	11년 전
19753	jQuery 브라우저 상단에 고정 시키는 제이쿼리 소스	잘살아보자	3,426	11년 전
19752	PHP php에서 배열에 담긴 값을 중복제거 하기	잘살아보자	1,872	11년 전
19751	PHP php 에러 출력하기	잘살아보자	2,132	11년 전
7223	테스트중입니다....	ksdhtm56	514	11년 전
7216	<? 와 <?php 의 차이가 뭔가요,, 6	뻘범	1,381	11년 전
7213	여러개정에서 한개의 DB 공유해서 사용 문의 2	꼴랑2	892	11년 전
31741	AngularJS AngularJS 강좌 9. HTML DOM	신리	3,497	11년 전
19750	jQuery 1원팁] css에 hover효과를 제이쿼리로	잘살아보자	1,341	11년 전
19749	JavaScript 1원팁]알고 있음 좋은 자바스크립트 함수	잘살아보자	1,302	11년 전
19748	jQuery 제이쿼리 기본 효과 메소드	잘살아보자	1,446	11년 전
31740	AngularJS AngularJS 강좌 8. SQL	신리	3,556	11년 전
31739	AngularJS AngularJS 강좌 7. Tables	신리	3,519	11년 전
31738	AngularJS AngularJS 강좌 6. XMLHttpRequest	신리	3,339	11년 전
7208	mariaDB -> mysql로 DB 자료 이전이 안되네요 (2편-아직도 안되요) 4	멋진남자임	982	11년 전
31737	AngularJS AngularJS 강좌 5. Filters	신리	3,366	11년 전
30967	기타 ie8에 font awesome 적용 방법 6	지운아빠	2,563	11년 전
31736	AngularJS AngularJS 강좌 4. Controllers	신리	3,138	11년 전
7205	안녕하세요, 데이터베이스 관련 질문이에요.. 2	파랑새1597	614	11년 전
30965	HTML 팁]모바일에서 전화 걸기 1	잘살아보자	2,387	11년 전
30963	기타 파비콘 넣는 방법이에요. 1	잘살아보자	2,368	11년 전
19747	기타 익스플로러에서 구글 크롬 프레임 작동하기	잘살아보자	2,445	11년 전
19746	기타 viewport 사용	잘살아보자	1,422	11년 전
19745	기타 익스플로러9 이하 브라우저에서 CSS3 속성(radius, shadow) 사용하기	잘살아보자	1,896	11년 전
19744	기타 html5 구조를 만들기 위해 사용하는 태그	잘살아보자	1,221	11년 전
19742	기타 구형 익스플로러에서 html5 구조 사용하기 1	잘살아보자	1,037	11년 전
7193	mariaDB -> mysql로 DB 자료 이전이 안되네요 11	멋진남자임	1,611	11년 전
7191	input 태그에서 자동완성 될때 키보드로 이동은 어떤 기능인가요? 1	유닛룽	939	11년 전
31735	AngularJS AngularJS 강좌 3. Directives	신리	3,823	11년 전
19741	jQuery 무한 스크롤 (이미지 갤러리용)	굿어스	3,595	11년 전
19740	PHP [알고리즘] 하노이의 탑	슈와이	1,220	11년 전
19739	PHP 범위사이에서 중복없이 랜덤(random)으로 뽑기	슈와이	2,466	11년 전
7188	js 파일 소스 질문이요~~~~ 2	오드리15	885	11년 전
27986	제이쿼리 플러그인 및 제이쿼리소스 7	래비두라	1,691	11년 전
31734	AngularJS AngularJS 강좌 2. Expressions	신리	3,298	11년 전
31733	AngularJS AngularJS 강좌 1. Introduction	신리	3,598	11년 전
31732	AngularJS AngularJS 강좌 0. Home	신리	4,525	11년 전
7186	메인 페이지에서 보이던 베너가... 1	토굴지기	919	11년 전
19738	PHP [알고리즘] 이중연결리스트를 이용한 큐(queue)	슈와이	1,491	11년 전
19736	JavaScript [알고리즘] 스택(stack)을 이용한 간단 계산기 1	슈와이	2,896	11년 전
7180	카톡로그인 ㅠ.ㅠ; 5	Terrorboy	1,062	11년 전
7165	어떻게 하면 함께 할 개발자 분을 모실 수 있을까요?(고견부탁드려요) 14	KeePin뽁이	1,047	11년 전

이전 다음

7 8 9 10 11

전체 목록