首頁 >web前端 >js教程 >如何使用服務在 AngularJS 的控制器之間共用資料?

如何使用服務在 AngularJS 的控制器之間共用資料?

Linda Hamilton
Linda Hamilton原創
2024-12-06 12:58:16301瀏覽

How to Share Data Between Controllers in AngularJS Using a Service?

AngularJS 中的控制器間資料傳輸

在 AngularJS 領域,控制器之間交換資料的需求對於建立複雜的應用程式至關重要。讓我們探討如何使用服務來實現此目的。

在您的場景中,如果您想要將選定的產品加入購物車,您可以利用服務作為中介。

建立 ProductService Factory

使用AngularJS的工廠初始化一個服務工廠函數:

將服務注入控制器

將productService包含在ProductController和CartController中:

將productService包含在ProductController和CartController中:

現在,當你點擊一個產品時在ProductController 中,調用ProductService 的 addProduct 函數來填入 ProductList。 CartController 將始終可以存取服務中儲存的最新產品清單。

以上是如何使用服務在 AngularJS 的控制器之間共用資料?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn