angular中$state.go跳轉頁面並傳遞參數

來源:互聯網
上載者:User
這是一個建立於 的文章,其中的資訊可能已經有所發展或是發生改變。

遇到一個頁面跳轉的時候,在跳轉後的頁面擷取跳轉前頁面的資料,我想到用一種是localstorage,一種用broadcast和on,然後老大說不用這麼麻煩,既然都$state.go了直接帶參數,這次就介紹一下$state.go頁面跳轉傳遞參數。
1.路由頁面(注意這裡要在路由上添加一個參數用於傳遞資料,不然在頁面跳轉的時候會filter)
.state("home.workpiece",{ // 跳轉前的頁面

  url:"/workpiece",  views: {    home: {      templateUrl: prefix + "project/workpiece.html",      controller: "workpieceCtrl"    }  }}).state("home.workpieceDetail",{   //跳轉後的頁面  url:"/workpieceDetail?workpieceList",  views: {    home: {      templateUrl: prefix + "project/workpiece_detail.html",      controller: "workpieceDetailCtrl"    }  }})也可以將參數放在params中.state("home.workpieceDetail",{  url:"/workpieceDetail",  views: {    home: {      templateUrl: prefix + "project/workpiece_detail.html",      controller: "workpieceDetailCtrl"    }  },  params: {workpieceList:null}})

2.在workpieceCtrl中


3.workpieceDetailCtrl中


這樣就可以將在頁面跳轉的時候傳遞資料了。

最後這個連結介紹了頁面跳轉傳遞參數的四種方式:http://www.cnblogs.com/Razor0...

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.