介绍 {{item.price}}万元
{{item.describe}}
怎么在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}}
看完上述内容,你们掌握怎么在AngularJS中使用控制器对工厂进行调用的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注行业资讯频道,感谢各位的阅读!