怎么在AngularJS中使用控制器对工厂进行调用

  介绍

怎么在AngularJS中使用控制器对工厂进行调用?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

1,定义工厂。js文件

var  appFactorys =, angular.module (& # 39; starter.factorys& # 39;,, []),   appFactorys.factory (& # 39; HouseFactory& # 39;,, function  (), {,   var 才能;houseList =, (,   ,,,{,id: 0,,标题:,& # 39;急售北二环,小区配套齐全,精装修& # 39;,,价格:,& # 39;88.0 & # 39;,,描述:,& # 39;2室1厅,120平米& # 39;,,img:, & # 39; img/ben.png& # 39;,},,   ,,,{,id: 1,标题:,& # 39;急售东二环,小区配套齐全,精装修& # 39;,,价格:,& # 39;88.0 & # 39;,,描述:,& # 39;2室1厅,120平米& # 39;,,img:, & # 39; img/max.png& # 39;,},,   ,,,{id:大敌;2,标题:,& # 39;急售南二环,小区配套齐全,精装修& # 39;,,价格:,& # 39;87.0 & # 39;,,描述:,& # 39;2室1厅,120平米& # 39;,,img:, & # 39; img/adam.jpg& # 39;,},,   ,,,{,,3,,标题:,& # 39;急售西二环,小区配套齐全,精装修& # 39;,,价格:,& # 39;86.0 & # 39;,,描述:,& # 39;2室1厅,120平米& # 39;,,img:, & # 39; img/perry.png& # 39;,},,   ,,,{id:大敌;4,标题:,& # 39;急售北二环,小区配套齐全,精装修& # 39;,,价格:,& # 39;85.0 & # 39;,,描述:,& # 39;2室1厅,120平米& # 39;,,img:, & # 39; img/mike.png& # 39;,},   ,,);   {return 才能;   ,,,,,:,function  (), {,   ,,,,,,,return  houseList;,   ,,,,,},,   ,,,},,   });

2,在app.js文件引用工厂。js文件

代码如下:


angular.module(& # 39;起动器# 39;[& # 39;离子# 39;& # 39;ngCordova& # 39;, & # 39; starter.directives& # 39;, & # 39; starter.factorys& # 39;, & # 39; starter.services& # 39;, & # 39; starter.customControllers& # 39;]),

3,在控制器中调用工厂

appControllers.controller (& # 39; HouseCtrl& # 39;,, function (范围、美元,美元超时,ionicModal美元,ionicActionSheet美元,http,美元,cordovaToast美元,ionicLoading美元,HouseFactory), {,//才能,scope.houseList 美元;=,(,//,,,,,{,id: 0,,标题:,& # 39;急售北二环,小区配套齐全,精装修& # 39;,,价格:,& # 39;88.0 & # 39;,,描述:,& # 39;2室1厅,120平米& # 39;,,img:, & # 39; img/ben.png& # 39;,},,//,,,,,{,id: 1,标题:,& # 39;急售东二环,小区配套齐全,精装修& # 39;,,价格:,& # 39;88.0 & # 39;,,描述:,& # 39;2室1厅,120平米& # 39;,,img:, & # 39; img/max.png& # 39;,},,//,,,,,{id:大敌;2,标题:,& # 39;急售南二环,小区配套齐全,精装修& # 39;,,价格:,& # 39;87.0 & # 39;,,描述:,& # 39;2室1厅,120平米& # 39;,,img:, & # 39; img/adam.jpg& # 39;,},,//,,,,,{,,3,,标题:,& # 39;急售西二环,小区配套齐全,精装修& # 39;,,价格:,& # 39;86.0 & # 39;,,描述:,& # 39;2室1厅,120平米& # 39;,,img:, & # 39; img/perry.png& # 39;,},,//,,,,,{id:大敌;4,标题:,& # 39;急售北二环,小区配套齐全,精装修& # 39;,,价格:,& # 39;85.0 & # 39;,,描述:,& # 39;2室1厅,120平米& # 39;,,img:, & # 39; img/mike.png& # 39;,},//,,,,,   ,/*,才能调用Factory.js数据,*/,   时间=美元才能scope.houseList  HouseFactory.all (),,   ,   })

4, html页面调用

& lt; ion-list>,   & lt;才能ion-item 类=癷tem  item-thumbnail-left", ng-repeat=癷tem 拷贝houseList" https://www.yisu.com/zixun/, href=" #/housedetail/{{item.id}}”rel="外部nofollow”>      

{{item.title}}

   {{item.price}}万元    {{item.describe}}      

看完上述内容,你们掌握怎么在AngularJS中使用控制器对工厂进行调用的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注行业资讯频道,感谢各位的阅读!

怎么在AngularJS中使用控制器对工厂进行调用