Make the demo apps more realistic and fixed a typo in the ts definition.

Author: Dimitar Tachev

demo-angular/app/app.component.html

@@ -3,7 +3,7 @@
         <Label text="saveToGallery"></Label>
         <Switch [(ngModel)]="saveToGallery"></Switch>
     </StackLayout>
-    <Image row="1" [src]="cameraImage" stretch="aspectFit" margin="10"></Image>
+    <Image row="1" [src]="cameraImage" stretch="fill" margin="10"></Image>
     <StackLayout orientation="horizontal" row="2" padding="10">
         <Button text="Take Picture" (tap)='onTakePictureTap($event)'></Button>
         <Button text="Request Permissions" (tap)='onRequestPermissionsTap()'></Button>

demo-angular/app/app.component.ts

@@ -12,7 +12,7 @@ export class AppComponent {
     public cameraImage: ImageAsset;
 
     onTakePictureTap(args) {
-        takePicture({ width: 180, height: 180, keepAspectRatio: false, saveToGallery: this.saveToGallery })
+        takePicture({ width: 180, height: 180, keepAspectRatio: true, saveToGallery: this.saveToGallery })
         .then((imageAsset) => {
             let source = new ImageSource();
             source.fromAsset(imageAsset).then((source) => {

demo/app/main-page.ts

@@ -23,7 +23,7 @@ export function onRequestPermissionsTap(args: EventData) {
 export function onTakePictureTap(args: EventData) {
     let page = <Page>(<View>args.object).page;
     let saveToGallery = page.bindingContext.get("saveToGallery");
-    takePicture({width: 180, height: 180, keepAspectRatio: false, saveToGallery: saveToGallery}).
+    takePicture({width: 180, height: 180, keepAspectRatio: true, saveToGallery: saveToGallery}).
         then((imageAsset) => {
             let source = new imageSourceModule.ImageSource();
             source.fromAsset(imageAsset).then((source) => {

demo/app/main-page.xml

@@ -4,7 +4,7 @@
             <Label text="saveToGallery" />
             <Switch checked="{{ saveToGallery }}"/>
         </StackLayout>
-        <Image row="1" src="{{ cameraImage }}" id="image" stretch="aspectFill" margin="10"/>
+        <Image row="1" src="{{ cameraImage }}" id="image" stretch="fill" margin="10"/>
         <StackLayout orientation="horizontal" row="2" padding="10">
             <Button text="Take Picture" tap="onTakePictureTap" />
             <Button text="Request Permissions" tap="onRequestPermissionsTap" />

src/index.d.ts

@@ -33,7 +33,7 @@ export interface CameraOptions {
 
     /**
      * Defines if camera picture aspect ratio should be kept during picture resizing.
-     * This property could affect width or heigth return values.
+     * This property could affect width or height return values.
      */
     keepAspectRatio?: boolean;