FazBrowse GitHub Viewer
|
Trending
|
URL:
|
Home
Tools:
[Download Repo ZIP]
[View Raw Code]
[Original HTTPS Page]
ionic/test/html/back-button.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
/
back-button.html
Copy path
More file actions
More file actions
Latest commit
History
History
History
52 lines (49 loc) · 1.38 KB
Breadcrumbs
ionic
/
test
/
html
/
back-button.html
Copy path
File metadata and controls
52 lines (49 loc) · 1.38 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
<!DOCTYPE html
>
<
html
ng-app
="
ionic
"
>
<
head
>
<
meta
name
="
viewport
"
content
="
initial-scale=1, maximum-scale=1, user-scalable=no
"
>
<
link
rel
="
stylesheet
"
href
="
../../dist/css/ionic.css
"
>
<
script
src
="
../../dist/js/ionic.bundle.js
"
>
</
script
>
</
head
>
<
body
>
<
ion-nav-bar
>
<
h1
class
="
title
"
>
Back Button
</
h1
>
<
ion-nav-back-button
ng-class
="
$root.backClass
"
ng-bind-html
="
$root.backHtml
"
>
</
ion-nav-back-button
>
</
ion-nav-bar
>
<
div
class
="
list has-header
"
>
<
button
class
="
button button-block
"
ng-click
="
$root.backHtml='Text!'
"
>
Content: Text Only
</
button
>
<
button
class
="
button button-block
"
ng-click
="
$root.backHtml='<i class=\'ion-chevron-left\'></i>'
"
>
Content: Icon Only
</
button
>
<
button
class
="
button button-block
"
ng-click
="
$root.backHtml='<i class=\'ion-chevron-left\'></i> Text!'
"
>
Content: Icon and Text
</
button
>
<
button
class
="
button button-block
"
ng-click
="
$root.backClass=''
"
>
Class: .button
</
button
>
<
button
class
="
button button-block
"
ng-click
="
$root.backClass='button-icon'
"
>
Class: .button.button-icon
</
button
>
<
button
class
="
button button-block
"
ng-click
="
$root.backClass='button-clear'
"
>
Class: .button.button-clear
</
button
>
</
div
>
</
body
>
<
style
>
.
ng-hide
{
display
:
block
!important
;
}
.
invisible
{
visibility
:
visible
!important
;
}
</
style
>
</
html
>
Back
|
FazBrowse Home
|
New Git URL