FazBrowse GitHub Viewer
|
Trending
|
URL:
|
Home
Tools:
[Download Repo ZIP]
[View Raw Code]
[Original HTTPS Page]
ionic/test/html/nav.html at master · Java1024/ionic · GitHub
Java1024
ionic
Repository navigation
Code
Pull requests
Actions
Projects
Security and quality
Insights
Expand file tree
Breadcrumbs
ionic
/
test
/
html
/
nav.html
Copy path
More file actions
More file actions
Latest commit
History
History
History
124 lines (110 loc) · 3.62 KB
Breadcrumbs
ionic
/
test
/
html
/
nav.html
Copy path
File metadata and controls
124 lines (110 loc) · 3.62 KB
Raw
Copy raw file
Download raw file
Open symbols panel
Edit and raw actions
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<
html
ng-app
="
nav
"
>
<
head
>
<
meta
charset
="
utf-8
"
>
<
meta
name
="
viewport
"
content
="
initial-scale=1, maximum-scale=1, user-scalable=no
"
>
<
title
>
navViews and ion-tabs w/ nested navViews
</
title
>
<
link
rel
="
stylesheet
"
href
="
../../../../dist/css/ionic.css
"
>
<
script
src
="
../../../../dist/js/ionic.bundle.js
"
>
</
script
>
<
script
src
="
dom-trace.js
"
>
</
script
>
</
head
>
<
body
>
<
div
>
<
ion-nav-bar
class
="
bar-positive
"
>
<
ion-nav-back-button
class
="
button-icon
"
from-title
>
Back
</
ion-nav-back-button
>
</
ion-nav-bar
>
<
ion-nav-view
>
</
ion-nav-view
>
</
div
>
<
script
id
="
page1.html
"
type
="
text/ng-template
"
>
<
ion-view
title
=
"Page 1"
>
<
ion-nav-buttons
side
=
"right"
>
<
button
class
=
"button button-icon ion-android-search"
>
</
button
>
</
ion-nav-buttons
>
<
ion-content
padding
=
"true"
>
<
h2
>
Random
{
{
random
}
}
</
h2
>
<
ion-list
>
<
div
class
=
"item item-divider"
>
Things
</
div
>
<
ion-item
ng-repeat
=
"item in items"
href
=
"#/page2"
>
Item
{
{
$index
}
}
</
ion-item
>
<
div
class
=
"item item-divider"
>
Stuff
</
div
>
<
ion-item
ng-repeat
=
"item in items2"
href
=
"#/page2"
>
Item
{
{
$index
}
}
</
ion-item
>
</
ion-list
>
</
ion-content
>
</
ion-view
>
</
script
>
<
script
id
="
page2.html
"
type
="
text/ng-template
"
>
<
ion-view
title
=
"Page 2"
>
<
ion-content
padding
=
"true"
>
<
h2
>
Random:
{
{
random
}
}
</
h2
>
<
a
ng-click
=
"goBack()"
class
=
"button button-positive"
>
Back
</
a
>
<
a
href
=
"#/page3"
class
=
"button button-positive"
>
Page 3
</
a
>
</
ion-content
>
</
ion-view
>
</
script
>
<
script
id
="
page3.html
"
type
="
text/ng-template
"
>
<
ion-view
title
=
"Page 3"
>
<
ion-content
padding
=
"true"
>
<
a
ng-click
=
"goBack()"
class
=
"button button-positive"
>
Back
</
a
>
<
a
href
=
"#/page1"
class
=
"button button-positive"
>
Page 1
</
a
>
</
ion-content
>
</
ion-view
>
</
script
>
<
script
>
angular
.
module
(
'nav'
,
[
'ionic'
]
)
.
config
(
function
(
$stateProvider
,
$urlRouterProvider
,
$ionicConfigProvider
)
{
//$ionicConfigProvider.views.maxCache(0);
$stateProvider
.
state
(
'page1'
,
{
url
:
"/page1"
,
templateUrl
:
"page1.html"
,
controller
:
'Page1Ctrl'
}
)
.
state
(
'page2'
,
{
url
:
"/page2"
,
templateUrl
:
"page2.html"
,
controller
:
'Page2Ctrl'
}
)
.
state
(
'page3'
,
{
url
:
"/page3"
,
templateUrl
:
"page3.html"
,
controller
:
'Page3Ctrl'
}
)
$urlRouterProvider
.
otherwise
(
"/page1"
)
;
}
)
.
controller
(
'Page1Ctrl'
,
function
(
$scope
,
$ionicHistory
)
{
$scope
.
random
=
Math
.
random
(
)
*
100
;
$scope
.
items
=
[
]
;
for
(
var
i
=
0
;
i
<
4
;
i
++
)
{
$scope
.
items
.
push
(
{
}
)
;
}
$scope
.
items2
=
[
]
;
for
(
var
i
=
0
;
i
<
4
;
i
++
)
{
$scope
.
items2
.
push
(
{
}
)
;
}
}
)
.
controller
(
'Page2Ctrl'
,
function
(
$timeout
,
$scope
,
$ionicNavBarDelegate
,
$ionicHistory
)
{
$scope
.
$on
(
'$ionicView.enter'
,
function
(
)
{
//$timeout(function() {
$ionicHistory
.
clearCache
(
)
;
//})
}
)
;
$scope
.
goBack
=
function
(
)
{
$ionicNavBarDelegate
.
back
(
)
;
}
;
}
)
.
controller
(
'Page3Ctrl'
,
function
(
$scope
,
$ionicNavBarDelegate
)
{
$scope
.
goBack
=
function
(
)
{
$ionicNavBarDelegate
.
back
(
)
;
}
;
}
)
</
script
>
</
body
>
</
html
>
Back
|
FazBrowse Home
|
New Git URL