中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Angular.js跨controller實現參數傳遞的兩種方法

發布時間:2020-09-15 23:25:47 來源:腳本之家 閱讀:267 作者:xishiyi7 欄目:web開發

前言

由于controllers之間不共享scope,如果希望在controllers之間傳遞參數,可能需要通過其他的方式實現,以下是當前我用到的兩種在controllers之間傳遞參數的方法。

注:參考文章Sharing Data Between Angular Controllers

一、service

可以寫一個包含get/set的service,取參數/賦參數

.factory('paramService',function(){
 return {
 result:[],
 getResult:function(){
 return this.result;
 },
 setResult:function(res){
 this.result = res;
 }
 };
})

然后可以在controllerOne中賦值,在controllerTwo中取值

// 賦值
.controller('one',function(paramService){
 paramService.setResult('one');
})

// 取值
.controller('two',function(paramService){
 var param = paramService.getResult();
})

二、$stateParams

第二種方法用于路由間傳遞參數,用途也比較廣泛,使用場景比較多

// 傳參
.state('one',{
 url:'one',
 controller:'one',
 template:'one.html',
 params:{
 name:'john'
 }
})

// 取參
.controller('one',function($stateParams){
 var name = $stateParams.name;
})

others/localStorage

其他方法可以使用一些h6的小技巧,比如使用localStorage來存參/取參,其他的方法,暫時沒想到也沒用到,有待后續補充.

好了,以上就是這篇文章的全部內容了,希望本文的內容對大家學習或者使用Angular能帶來一定的幫助,如果有疑問大家可以留言交流。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

宾川县| 清涧县| 五河县| 十堰市| 临汾市| 永清县| 兴海县| 聊城市| 哈巴河县| 色达县| 台州市| 望江县| 成都市| 海城市| 玉山县| 潮安县| 福海县| 克什克腾旗| 怀宁县| 宜都市| 淮滨县| 玉林市| 陆丰市| 沈丘县| 云霄县| 灌云县| 安庆市| 高碑店市| 亳州市| 哈尔滨市| 克什克腾旗| 朝阳县| 历史| 丹凤县| 汝州市| 四子王旗| 彰武县| 阳山县| 丰县| 息烽县| 金溪县|