html5_ionic 탭 작업
/span>html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>title>
<link href="ionic/css/ionic.css" rel="stylesheet">
<script src="ionic/js/ionic.bundle.min.js">script>
<script>
var app = angular.module("myapp",["ionic"]);
app.config(function($stateProvider, $urlRouterProvider){
$stateProvider.state("a", {
// url, url
url: "/z",
//
templateUrl: "pages/home.html"
}).state("b", {
url: "/x",
templateUrl: "pages/favorites.html"
}).state("c", {
url: "/c",
templateUrl: "pages/setting.html"
});
// url z
$urlRouterProvider.otherwise("z");
});
script>
head>
<body ng-app="myapp">
<ion-nav-view>ion-nav-view>
<div class="tabs tabs-icon-top">
<a class="tab-item" ui-sref="a">
<i class="icon ion-home">i>
a>
<a class="tab-item" ui-sref="b">
<i class="icon ion-star">i>
a>
<a class="tab-item" ui-sref="c">
<i class="icon ion-gear-a">i>
a>
div>
body>
html>
// ,
<ion-view>
<ion-content>
ion-content>
ion-view>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.