egovAngularJS Tap 기본 설정 예제　

by Jeado

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script>
<script src="http://egov.angularjs.or.kr/build/eGovNg.js"></script>
<link rel="stylesheet" href="http://egov.angularjs.or.kr/build/css/eGovNg.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">
<div ng-app="myApp" ng-controller="myController">
    <div egov-tab>
        <div egov-panel heading="고정 타이틀">고정 내용</div>
        <div egov-panel ng-repeat="tab in tabs" heading="{{tab.title}}" active="tab.active" disabled="tab.disabled">{{tab.content}}</div>
        <div egov-panel select="alertMe()">
            <div egov-tab-heading> <i class="icon-bell"></i> Select me for alert!</div>I've got an HTML heading, and a select callback. Pretty cool!</div>
    </div>
</div>

JavaScript

//'ngGrid' 모듈을 인젝션
angular.module('myApp', ['egov.ui'])
    .controller('myController', function ($scope) {
    $scope.tabs = [{
        title: "동적 타이틀 1",
        content: "동적 내용 1"
    }, {
        title: "동적 타이틀 2",
        content: "동적 내용 2",
        disabled: true
    }];

    $scope.alertMe = function () {
        setTimeout(function () {
            alert("텝을 선택하였습니다!");
        });
    };
});