動態加載頁面的參數（Ionic 2 + Angular 2）

我正在創建一個食譜應用程序，我有不同的類別，我想動態加載點擊。拉食譜我有一個網址（http獲取請求），我想擴展一個字符串取決於我點擊什麼類別。我明白，這可以通過參數完成，但我不明白這是如何工作的，因爲我是角和離子的新手。動態加載頁面的參數（Ionic 2 + Angular 2）

基準url將

http://api.yummly.com/v1/api/recipes?_app_id=/////&_app_key=/////

在最後，我想補充的兩者之一。

396^Dairy-Free 393^Gluten-Free 391^Nut-Free 393^Wheat-Free等。可能有人請給我如何實現這一

我的HTML的想法目前是

<ion-item [navPush] = "listingPage" detail-push> 
     <img src="http://placehold.it/500x500"> 
     <h1>Glueten Free</h1> 
    </ion-item> 
    <ion-item> 
     <img src="http://placehold.it/500x500"> 
     <h1>Category 2</h1> 
    </ion-item> 
    <ion-item> 
     <img src="http://placehold.it/500x500"> 
     <h1>Category 3</h1> 
    </ion-item> 
    <ion-item> 
     <img src="http://placehold.it/500x500"> 
     <h1>Category 4</h1> 
    </ion-item>

和HTTP請求

this.http.get('http://api.yummly.com/v1/api/recipes?_app_id=////&_app_key=//////') 
     .map(res => res.json()) 
     .subscribe(data => { 
     // we've got back the raw data, now generate the core schedule data 
     // and save the data for later reference 
     console.log(data); 
     this.listing = data.matches; 
     resolve(this.listing); 
     }); 
    });

目前我只有一個頁面上1個網址加載，但我希望根據選擇的類別進行更改。非常感謝

來源

2017-02-17 BA1995

當用戶選擇類別然後調用函數並將類別ID傳遞給該函數時，您必須傳遞類別標識。在該函數中，調用http方法，並且可以在URL中使用類別標識。

<button click="getData(this.value)"></button>

在ts.file

getData(cat_id : any){ 
    ...... 
    you can use cat_id here in URL and call http method 
    ...... 
}

來源

2017-02-17 12:27:52

動態加載頁面的參數（Ionic 2 + Angular 2）

回答

相關問題