рд╣реЗрд▓реЛ рджреЛрд╕реНрддреЛрдВ рдЙрдореНрдореАрдж рд╣реИ рдЖрдк рд╕рдм рдареАрдХ рд╣реЛрдВрдЧреЗ,
рдореИрдВ рдПрдХ рд╕рд╛рдзрд╛рд░рдг рдЖрдпрдирд┐рдХ рдмреНрд▓реИрдХ рдРрдк рдмрдирд╛ рд░рд╣рд╛ рд╣реВрдВ рдФрд░ рд░рд╛рдЬреНрдпреЛрдВ рдХреЛ рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдЗрд╕рдХреЗ рдРрдк.рдЬреЗрдПрд╕ рдХреЛ рд╕рдВрд╢реЛрдзрд┐рдд рдХрд░ рд░рд╣рд╛ рд╣реВрдВ
рдРрдк рдЖрдпрдирд┐рдХ рд╕рд░реНрд╡ рдХрдорд╛рдВрдб рдХреЗ рд╕рд╛рде рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдЬрдм рдореИрдВ рдЗрд╕реЗ рдПрдВрдбреНрд░реЙрдЗрдб рдлреЛрди рдкрд░ рдЖрдпрдирд┐рдХ рд░рди рдПрдВрдбреНрд░реЙрдЗрдб рдХреЗ рд╕рд╛рде рд╕реНрдерд╛рдкрд┐рдд рдХрд░рддрд╛ рд╣реВрдВ рддреЛ рдпрд╣ рдЦрд╛рд▓реА рд╕рдлреЗрдж рд╕реНрдХреНрд░реАрди рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рддрд╛ рд╣реИред
рдХреНрд░реЛрдо рдЗрдВрд╕реНрдкреЗрдХреНрдЯрд░ рд╢реЛ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рддреНрд░реБрдЯрд┐
рд╕рдВрд╕рд╛рдзрди рд▓реЛрдб рдХрд░рдиреЗ рдореЗрдВ рд╡рд┐рдлрд▓ (view.html рдлрд╝рд╛рдЗрд▓ рдирд╣реАрдВ рдорд┐рд▓реА)
рд╕рдВрд╕рд╛рдзрди рд▓реЛрдб рдХрд░рдиреЗ рдореЗрдВ рд╡рд┐рдлрд▓ (newView.html рдлрд╝рд╛рдЗрд▓ рдирд╣реАрдВ рдорд┐рд▓реА)
view.html рдлрд╝рд╛рдЗрд▓ рдЬреИрд╕реЗ рдбреИрд╢рдмреЛрд░реНрдб
рдпрд╣ рд░рд╣рд╛ рдореЗрд░рд╛ рдРрдк.рдЬреЗрдПрд╕ рдлрд╛рдЗрд▓ рдХреЛрдб
рдХреЛрдгреАрдп.рдореЙрдбреНрдпреВрд▓ ('рд╕реНрдЯрд╛рд░реНрдЯрд░', ['рдЖрдпрдирд┐рдХ'])
рд░рди (рдлрд╝рдВрдХреНрд╢рди ($ рдЖрдпрдирд┐рдХ рдкреНрд▓реЗрдЯрдлрд╝реЙрд░реНрдо) {
$ionicPlatform.ready(рдлрд╝рдВрдХреНрд╢рди() {
// рдПрдХреНрд╕реЗрд╕рд░реА рдмрд╛рд░ рдХреЛ рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд░реВрдк рд╕реЗ рдЫрд┐рдкрд╛рдПрдВ (рдХреАрдмреЛрд░реНрдб рдХреЗ рдКрдкрд░ рдПрдХреНрд╕реЗрд╕рд░реА рдмрд╛рд░ рджрд┐рдЦрд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдЗрд╕реЗ рд╣рдЯрд╛рдПрдВ
// рдлреЙрд░реНрдо рдЗрдирдкреБрдЯ рдХреЗ рд▓рд┐рдП)
if(window.cordova && window.cordova.plugins.Keyboard) {
рдХреЙрд░реНрдбреЛрд╡рд╛.рдкреНрд▓рдЧрдЗрдиреНрд╕редрдХреАрдмреЛрд░реНрдбредрд╣рд╛рдЗрдбрдХреАрдмреЛрд░реНрдбрдПрдХреНрд╕реЗрд╕рд░реАрдмрд╛рд░(рд╕рдЪ);
}
рдЕрдЧрд░ (рд╡рд┐рдВрдбреЛред рд╕реНрдЯреЗрдЯрд╕рдмрд╛рд░) {
StatusBar.styleDefault ();
}
});
})
.controller("AppController",function($example,$scope, $http){
рдХрдВрд╕реЛрд▓.рд▓реЙрдЧ ("рд╣реИрд▓реЛ");
})
.config(function($stateProvider,$urlRouterProvider, $ionicConfigProvider){
$ionicConfigProvider.navBar.alignTitle('center')
$рд░рд╛рдЬреНрдпрдкреНрд░рджрд╛рддрд╛
рд░рд╛рдЬреНрдп ('рджреЗрдЦреЗрдВ', {
рдпреВрдЖрд░рдПрд▓: "/ рджреЗрдЦреЗрдВ",
рд╕рд╛рд░: рдЭреВрдард╛,
// рдирд┐рдпрдВрддреНрд░рдХ: 'рдРрдкрдХрдВрдЯреНрд░реЛрд▓рд░',
templateUrl:"/templates/view.html"
})
рд░рд╛рдЬреНрдп ('рд╡реНрдпреВрд░рд┐рдХреЙрд░реНрдб', {
рдпреВрдЖрд░рдПрд▓: "/ viewRecord",
// controller: 'AppController',
templateUrl:"/templates/viewRecord.html"
})
.state('edit', {
url: "/edit",
// controller: 'AppController',
templateUrl:"/templates/editRecord.html"
})
.state('delete', {
url: "/delete",
// controller: 'AppController',
templateUrl:"/templates/deleteRecord.html"
})
.state('new', {
url: "/new",
// controller: 'AppController',
templateUrl:"/templates/newRecord.html"
})
$urlRouterProvider.otherwise('/view');
});
рдпрд╣рд╛рдБ рдореЗрд░рд╛ рджреГрд╢реНрдп.html
<ion-header-bar class="bar bar-balanced">
<h1 class="title">Database Tester</h1>
</ion-header-bar>
<ion-content>
<div class="card">
<div class="item item-balanced">
Welcome to Database Tester.
</div>
<div class="item item-text-wrap">
Please Select an Option to test the database.
</div>
<div class="option">
<button class="button opt button-balanced" ui-sref="new" href="/new">New Record</button>
<button class="button opt button-balanced" ui-sref="edit" href="/edit">Edit Record</button>
<button class="button opt button-balanced" ui-sref="viewRecord" href="/viewRecord">View Record</button>
<button class="button opt button-balanced" ui-sref="delete" href="/delete">Delete Record</button>
</div>
<div class="item"></div>
<div class="item item-balanced">
</div>
</div>
</ion-content>
<div class="bar bar-footer bar-balanced">
<div class="title" ui-sref="view" href="/view"><i class="icon ion-home"></i></div>
</div>
рдпрд╣ рд░рд╣рд╛ рдореЗрд░рд╛ index.html
рд╢рд╛рдпрдж, рдмрджрд▓реЛ
templateUrl:"/templates/newRecord.html"
рд╕реЗ ("/ рдЯреЗрдореНрдкрд▓реЗрдЯ..." -> "./templates...")
templateUrl:"./templates/newRecord.html"
рдирдорд╕реНрддреЗ @secret4info!
рдореИрдВрдиреЗ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдмрдВрдж рдХрд░ рджрд┐рдпрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдореЗрд░реЗ рд╕реЗрдВрд╕рд░ рдиреЗ рд╕рдВрдХреЗрдд рджрд┐рдпрд╛ рдерд╛ рдХрд┐ рдпрд╣ рдкреБрд░рд╛рдирд╛ рдФрд░ рдирд┐рд╖реНрдХреНрд░рд┐рдп рдерд╛, рдФрд░ рд╣реЛ рд╕рдХрддрд╛ рд╣реИ рдХрд┐ рдЗрд╕реЗ Ionic рдХреЗ рд╣рд╛рд▓ рдХреЗ рд╕рдВрд╕реНрдХрд░рдгреЛрдВ рдореЗрдВ рдкрд╣рд▓реЗ рд╣реА рдареАрдХ рдХрд░ рджрд┐рдпрд╛ рдЧрдпрд╛ рд╣реЛред рд╣рд╛рд▓рд╛рдВрдХрд┐, рдпрджрд┐ рдЖрдк рдЕрднреА рднреА рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рд╛рдордирд╛ рдХрд░ рд░рд╣реЗ рд╣реИрдВ, рддреЛ рдХреГрдкрдпрд╛ рдПрдХ рдирдпрд╛ рдмрдирд╛рдХрд░ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдлрд┐рд░ рд╕реЗ рдЦреЛрд▓рдиреЗ рдХреЗ рд▓рд┐рдП рд╕реНрд╡рддрдВрддреНрд░ рдорд╣рд╕реВрд╕ рдХрд░реЗрдВ, рдФрд░ рдЗрд╕рдореЗрдВ рдХреЛрдИ рдЙрджрд╛рд╣рд░рдг рдФрд░ рдЕрдиреНрдп рдЖрд╡рд╢реНрдпрдХ рдЬрд╛рдирдХрд╛рд░реА рд╢рд╛рдорд┐рд▓ рдХрд░реЗрдВ, рддрд╛рдХрд┐ рд╣рдо рдЗрд╕ рдкрд░ рдФрд░ рдЧреМрд░ рдХрд░ рд╕рдХреЗрдВред
рдореБрдЭреЗ рдЖрдкрдХреА рд╕рд╣рд╛рдпрддрд╛ рдХрд░рдиреЗ рдХреА рдЕрдиреБрдорддрд┐ рджреЗрдиреЗ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рджред
рдореБрдЭреЗ рдПрд╣рд╕рд╛рд╕ рд╣реИ рдХрд┐ рдпрд╣ рдкреБрд░рд╛рдирд╛ рд╣реЛ рдЧрдпрд╛ рд╣реИ рдФрд░ рдмрдВрдж рд╣реИ, рд▓реЗрдХрд┐рди рдореЗрд░реЗ рдкрд╛рд╕ рдпрд╣ рд╕рдЯреАрдХ рдореБрджреНрджрд╛ рдерд╛, рдФрд░ рдЯрд▓реНрдХрд┐рдУрдВрдЧ рдХрд╛ рдЬрд╡рд╛рдм рдмрд┐рд▓реНрдХреБрд▓ рд╕рд╣реА рдерд╛ред рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рд╡реЗрдм рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдореЗрдВ рдЪрд▓рдиреЗ рдХреЗ рджреМрд░рд╛рди рдореВрд▓ рдбрд┐рд╡рд╛рдЗрд╕ рдХреЛ рдЯреЗрдореНрдкрд▓реЗрдЯ рдпреВрдЖрд░рдПрд▓ рдореЗрдВ рдЕрд╡рдзрд┐ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рдереАред рджреЛрдиреЛрдВ рдЕрдм рдореЗрд░реЗ рд▓рд┐рдП рдХрд╛рдо рдХрд░рддреЗ рд╣реИрдВред
templateUrl:"/templates/newRecord.html"
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
рд╢рд╛рдпрдж, рдмрджрд▓реЛ
рд╕реЗ ("/ рдЯреЗрдореНрдкрд▓реЗрдЯ..." -> "./templates...")