앵귤러 js쓸만하군요.
하이브리드 처리 부분에서 일부 통신을 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개
뭐? 이리 습득력이 빨라요......^-^
얼렁 쫏아가야 되는데 ...헉헉 되겠당.....ㅋㅋㅋㅋ
아직 많이 몰라요.
본격적으로 사용 한지가1주일 밖에 안되서
더 가볍네요.
좋은 정보 감사합니다.
다음앱에 적용 해봐야겠네요 ㅎㅎ
배열에 for($i=0;$i < sizeof($initial);$i++)문 돌리는게 더... T_T;
이해를 돕기위해 길게 작성 한겁니다 ㅎㅎㅎ
게시판 목록
개발자톡
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 1484 | 10년 전 | 1044 | ||
| 1483 | 10년 전 | 668 | ||
| 1482 | 10년 전 | 524 | ||
| 1481 |
|
10년 전 | 1018 | |
| 1480 | 10년 전 | 733 | ||
| 1479 | 10년 전 | 1126 | ||
| 1478 |
senseme
|
10년 전 | 679 | |
| 1477 | 10년 전 | 537 | ||
| 1476 |
hkhkah
|
10년 전 | 794 | |
| 1475 | 10년 전 | 1087 | ||
| 1474 |
커네드커네드
|
10년 전 | 979 | |
| 1473 | 10년 전 | 973 | ||
| 1472 |
개발짜증나
|
10년 전 | 855 | |
| 1471 |
이미영ㅇㅇ
|
10년 전 | 883 | |
| 1470 | 10년 전 | 451 | ||
| 1469 | 10년 전 | 810 | ||
| 1468 | 10년 전 | 838 | ||
| 1467 |
|
10년 전 | 792 | |
| 1466 | 10년 전 | 803 | ||
| 1465 |
|
10년 전 | 1046 | |
| 1464 | 10년 전 | 698 | ||
| 1463 | 10년 전 | 724 | ||
| 1462 |
leeleeleelee
|
10년 전 | 608 | |
| 1461 | 10년 전 | 556 | ||
| 1460 | 10년 전 | 488 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기