javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-06 22:29:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

Updated toggle and moved to view inheritance

Browse Source
This commit is contained in:
Max Lynch
2013-11-08 17:57:04 -06:00
parent 6058afeb51
commit c73cc43c21
7 changed files with 74 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
js/ext/angular/test/slideBox.html
View File

@ -7,9 +7,9 @@
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
<script src="/vendor/angular/angular-1.2.0rc2.min.js"></script>
<script src="/vendor/angular/angular-touch.js"></script>
<script src="/vendor/angular/angular-animate.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.3/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.3/angular-touch.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.3/angular-animate.js"></script>
<style>
.box {
width: 100%;

2
js/ext/angular/test/tabs.html
View File

@ -3,7 +3,7 @@
<meta charset="utf-8">
<title>Tab Bars</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular-touch.js"></script>

9
js/ext/angular/test/toggle.html
View File

@ -13,9 +13,11 @@
<body>
<content has-header="true" ng-controller="TestCtrl" class="reveal-animation">
<form ng-submit="doIt()">
<form>
<toggle ng-model="data.isLovely"></toggle>
<button type="submit" class="button button-danger">Do it</button>
<button ng-click="toggle()" class="button button-danger">Toggle</button>
<button ng-click="doIt()" class="button button-warning">Print</button>
</form>
</content>
<script src="../../../../dist/js/ionic.js"></script>
@ -28,6 +30,9 @@
$scope.doIt = function() {
console.log('DOIT', $scope.data);
}
$scope.toggle = function() {
$scope.data.isLovely = !$scope.data.isLovely;
};
});
</script>