앵귤러 js쓸만하군요. 정보
앵귤러 js쓸만하군요.
본문
하이브리드 처리 부분에서 일부 통신을 PHP 웹뷰로 띄우는 부분이 있는데 앵귤러로 처리 하니 편하네요 ㅎㅎㅎ
<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>
<!-- } 리스트 -->
추천
0
0
댓글 6개
테러보이님
뭐? 이리 습득력이 빨라요......^-^
얼렁 쫏아가야 되는데 ...헉헉 되겠당.....ㅋㅋㅋㅋ
뭐? 이리 습득력이 빨라요......^-^
얼렁 쫏아가야 되는데 ...헉헉 되겠당.....ㅋㅋㅋㅋ
ㅎㅎㅎ
아직 많이 몰라요.
본격적으로 사용 한지가1주일 밖에 안되서
아직 많이 몰라요.
본격적으로 사용 한지가1주일 밖에 안되서
app, controller 단위보다 작게 - widget, component - 하실 때는 Vue.js도 추천하고 싶습니다. AngularJS를 써보신 분들께는 그냥 더 심플하고 빠른 녀석 정도죠. http://j.mp/1m7yBnD
오오오.
더 가볍네요.
좋은 정보 감사합니다.
다음앱에 적용 해봐야겠네요 ㅎㅎ
더 가볍네요.
좋은 정보 감사합니다.
다음앱에 적용 해봐야겠네요 ㅎㅎ
$initial = array('ㄱ','ㄴ',...'ㅎ');
배열에 for($i=0;$i < sizeof($initial);$i++)문 돌리는게 더... T_T;
배열에 for($i=0;$i < sizeof($initial);$i++)문 돌리는게 더... T_T;
실제로 ㄱ~ㅎ단 순 출력은 그렇게 했지요.
이해를 돕기위해 길게 작성 한겁니다 ㅎㅎㅎ
이해를 돕기위해 길게 작성 한겁니다 ㅎㅎㅎ
