แนวทางการส่งค่าระหว่างหน้า app ใน ionic material

รูปบบ url หน้าหลัก 
www.example.com/content.php
รูปบบ url หน้ารายละเอียด
www.example.com/content_view.php?id=1
id คือตัวแปรที่ถูกส่งไปยังไฟล์ content_view.php

<ion-item class="fs16 border-item-a fnormal" nav-clear menu-close ui-sref="app.notification">
    <i class="fa fa-bullhorn fa-lg" aria-hidden="true"></i>
    Notification
</ion-item>

    .state('app.notification', {// กำหนด state
        url: '/notification',  // กำหนดตำแหน่งหน้า app คล้ายๆ url ในเว็บ
        views: {
            'menuContent': { // ส่วนของการแสดงใน view ชื่อ menuContent
                templateUrl: 'templates/notification.html', //
                controller: 'NotificationCtrl'// กำหนดชื่อ controller ที่จะใช้งาน
            },
            'fabContent': { // ส่วนของการแสดงใน view ชื่อ fabContent ไม่ได้กำหนดอะไร
                template: ''
            }
        }
    })
    .state('app.notificationview', {// กำหนด state
        url: '/notification/:notifyid',  // กำหนดตำแหน่งหน้า app คล้ายๆ url ในเว็บ
        views: {
            'menuContent': { // ส่วนของการแสดงใน view ชื่อ menuContent
                templateUrl: 'templates/notify/notificationview.html', //
                controller: 'NotificationViewCtrl'// กำหนดชื่อ controller ที่จะใช้งาน
            },
            'fabContent': { // ส่วนของการแสดงใน view ชื่อ fabContent ไม่ได้กำหนดอะไร
                template: ''
            }
        }
    })

<ion-view view-title="Notification">
    <ion-nav-buttons side="right">
        <div class="buttons buttons-right header-item">
    <span class="right-buttons">
    <button class="button button-icon button-clear ion-android-more-vertical"> </button>
    </span>
        </div>
    </ion-nav-buttons>
    <ion-content class="stable-bg" ng-class="{expanded:isExpanded}">


        <div class="list card">

            <div ng-repeat="notify in notifyItem" class="item item-avatar"
                 ng-click="gourl(notify.id);">
                <img src="img/logo.png">
                <h2>{{notify.topic}}</h2>
                <p>{{notify.daydate}}</p>
            </div>

        </div>

    </ion-content>
</ion-view>

<ion-view view-title="Notification Detail">
    <ion-nav-buttons side="left">
        <div class="buttons buttons-left header-item">
    <span class="left-buttons">
    <button ui-sref="app.notification"
            class="button button-icon button-clear ion-android-arrow-back"> </button>
    </span>
        </div>
    </ion-nav-buttons>
    <ion-content class="stable-bg" ng-class="{expanded:isExpanded}">

        <div class="list card">

            <div class="item item-avatar">
                <img src="img/logo.png">
                <h2>{{notifyTopic}}</h2>
                <p>{{notifyDayDate}}</p>
            </div>

            <div class="item item-body">
                <img class="full-image" src="{{notifyImg}}">
                <p>
                    {{notifyDetail}}
                </p>
            </div>

        </div>


    </ion-content>
</ion-view>

.service('notifyService',function($http, $q){ // สร้าง service
    // กำหนด url ของ ไฟล์ api ของเรา
    var url = "http://192.168.8.100/app/api/notify_api.php";
    return { // ในที่นี้เราจะใช้การส่งค่าแบบ post
        setNotify: function(dataSend) {
            var deferred = $q.defer();
            $http.post(url,dataSend)
                .success(deferred.resolve)
                .error(deferred.reject);
            return deferred.promise;
        },
        updateNotify: function(dataSend) {
            var deferred = $q.defer();
            $http.post(url,dataSend)
                .success(deferred.resolve)
                .error(deferred.reject);
            return deferred.promise;
        },
        getNotify:function(id){
            var notifyItem;
            notifyItem = [
                {
                    id:1,
                    topic:'หัวข้อการแจ้งเตือนที่ 1',
                    detail:'รายละเอียดหัวข้อที่ 1',
                    daydate:'2016-12-03',
                    img:'img/material-graphite.jpg'
                },
                {
                    id:2,
                    topic:'หัวข้อการแจ้งเตือนที่ 2',
                    detail:'รายละเอียดหัวข้อที่ 2',
                    daydate:'2016-12-03',
                    img:'img/material-graphite.jpg'
                },
                {
                    id:3,
                    topic:'หัวข้อการแจ้งเตือนที่ 3',
                    detail:'รายละเอียดหัวข้อที่ 3',
                    daydate:'2016-12-03',
                    img:'img/material-graphite.jpg'
                }
            ];
            if(id){
                return notifyItem[id-1];
            }else{
                return notifyItem;
            }
        }
    };

})

.controller('NotificationCtrl', function(
    $scope, $stateParams, $timeout, ionicMaterialInk, ionicMaterialMotion
    ,$ionicPlatform, $state, notifyService) {
    $scope.$parent.showHeader();
    $scope.$parent.clearFabs();
    $scope.$parent.setHeaderFab(false);
    $scope.$parent.hasShadow();

    $timeout(function() {
        $scope.isExpanded = false;
        $scope.$parent.setExpanded(false);
    }, 300);

    // สร้างตัวแปร notifyItem เรียกใช้ฟังก์ชั่น getNotify ของ notifyService
    // ได้รายการแจ้งเตือนทั้งหด
    $scope.notifyItem = notifyService.getNotify();

    // สร้างฟังก์ชั่นสำหรับ ลิ้งค์ไปหน้าที่ต้องการพร้อมส่งค่าไปด้วย
    $scope.gourl = function(val){
        // ลิ้งค์ไป state รายละเอียด โดยส่งตัวแปร notifyid ไปด้วย
        $state.go('app.notificationview', {notifyid : val});
    };

    ionicMaterialMotion.fadeSlideInRight();

    ionicMaterialInk.displayEffect();

})

.controller('NotificationViewCtrl', function(
    $scope, $stateParams, $timeout, ionicMaterialInk, ionicMaterialMotion
    ,$ionicPlatform, $state, $templateCache, notifyService) {
    $scope.$parent.showHeader();
    $scope.$parent.clearFabs();
    $scope.$parent.setHeaderFab(false);
    $scope.$parent.hasShadow();

    $timeout(function() {
        $scope.isExpanded = false;
        $scope.$parent.setExpanded(false);
    }, 300);

    // ทดสอบแสดงค่าที่ส่งมาผ่าน $stateParams
 //   alert($stateParams.notifyid);
    // เก็บค่าตัวแปรที่ส่งมาไว้ในตัวแปร เพื่อเรียกใช้งาน
    var notifyid = $stateParams.notifyid;
    // เรียกใช้ฟังก์ชั่น getNotify ของ notifyService โดยส่งค่าไปด้วย
    // เมื่อได้ค่าที่ต้องการแล้วให้นำมาไว้ในตัวแปร notifyItem
    var notifyItem = notifyService.getNotify(notifyid);

    // นำค่าที่ได้มากำหนดในตัวแปร เพื่อแสดงในหน้ารายละเอียด
    $scope.notifyTopic = notifyItem.topic;
    $scope.notifyDayDate = notifyItem.daydate;
    $scope.notifyImg = notifyItem.img;
    $scope.notifyDetail = notifyItem.detail;

//    console.log(notifyItem);
// ในบางครั้งเวลาเราแก้ไขไฟล์ template แล้วทดสอบผ่าน บราวเซอร์
// อาจจะเจอปัญหาหน้าเไฟล์ template ไม่อัพเดท สามารถใช้ templateCache จัดการ
 // ปัญหานี้ได้ด้วยคำสั่งด้านล่าง
//    $templateCache.removeAll();

    ionicMaterialMotion.fadeSlideInRight();

    ionicMaterialInk.displayEffect();

})

$state.go('app.notificationview', {notifyid : val});

$state.go('app.notificationview', {param1:val1,param2:val2});

$stateParams.notifyid;

C:\phonegap\learn005>phonegap build android