详解AngularJS controller调用factory

1、定义 factory.js 文件

var appFactorys = angular.module('starter.factorys', []) 
appFactorys.factory('HouseFactory', function () { 
  var houseList = [ 
    { id: 0, title: '急售北二环 小区配套齐全 精装修', price: '88.0', describe: '2室1厅 120平米', img: 'img/ben.png' }, 
    { id: 1, title: '急售东二环 小区配套齐全 精装修', price: '88.0', describe: '2室1厅 120平米', img: 'img/max.png' }, 
    { id: 2, title: '急售南二环 小区配套齐全 精装修', price: '87.0', describe: '2室1厅 120平米', img: 'img/adam.jpg' }, 
    { id: 3, title: '急售西二环 小区配套齐全 精装修', price: '86.0', describe: '2室1厅 120平米', img: 'img/perry.png' }, 
    { id: 4, title: '急售北二环 小区配套齐全 精装修', price: '85.0', describe: '2室1厅 120平米', img: 'img/mike.png' } 
  ]; 
  return { 
      all: function () { 
        return houseList; 
      }, 
    }; 
}); 

2、在 app.js 文件引用 factory.js 文件

复制代码 代码如下:
angular.module('starter', ['ionic', 'ngCordova', 'starter.directives','starter.factorys','starter.services', 'starter.customControllers']) 

3、在controller中调用factory

appControllers.controller('HouseCtrl', function ($scope, $timeout, $ionicModal, $ionicActionSheet, $http, $cordovaToast, $ionicLoading, HouseFactory) { 
  // $scope.houseList = [ 
  //   { id: 0, title: '急售北二环 小区配套齐全 精装修', price: '88.0', describe: '2室1厅 120平米', img: 'img/ben.png' }, 
  //   { id: 1, title: '急售东二环 小区配套齐全 精装修', price: '88.0', describe: '2室1厅 120平米', img: 'img/max.png' }, 
  //   { id: 2, title: '急售南二环 小区配套齐全 精装修', price: '87.0', describe: '2室1厅 120平米', img: 'img/adam.jpg' }, 
  //   { id: 3, title: '急售西二环 小区配套齐全 精装修', price: '86.0', describe: '2室1厅 120平米', img: 'img/perry.png' }, 
  //   { id: 4, title: '急售北二环 小区配套齐全 精装修', price: '85.0', describe: '2室1厅 120平米', img: 'img/mike.png' } 
  // ]; 
 
  /* 调用Factory.js数据 */ 
  $scope.houseList = HouseFactory.all(); 
 
}) 

4、html页面调用

<ion-list> 
  <ion-item class="item item-thumbnail-left" ng-repeat="item in houseList" href="#/housedetail/{{item.id}}" rel="external nofollow" style="padding--bottom:2px"> 
    <img ng-src="{{item.img}}"> 
    <h2>{{item.title}}</h2> 
    <dd class="assertive cus-price">{{item.price}}万元</dd> 
    <dd class="u-f-h4">{{item.describe}}</dd> 
  </ion-item> 
</ion-list> 

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# angularjs调用factory  # angularjs  # controller  # factory  # AngularJS之自定义服务详解(factory、service、provider)  # AngularJS自定义服务与fliter的混合使用  # Angularjs 自定义服务的三种方式(推荐)  # AngularJs自定义服务之实现签名和加密  # angularjs封装$http为factory的方法  # angularJS Provider、factory、service详解及实例代码  # 简介AngularJS中使用factory和service的方法  # angularjs自定义ng-model标签的属性  # 详解AngularJS中自定义过滤器  # AngularJS创建自定义指令的方法详解  # AngularJS基于factory创建自定义服务的方法详解  # 精装修  # 北二环  # 万元  # 南二环  # 东二环  # 西二环  # 大家多多  # span  # br  # app  # max  # ben  # img  # ionic  # png  # perry  # mike  # adam  # return  # jpg 

相关文章： 专业网站制作服务公司,有哪些网站可以免费发布招聘信息？  如何在阿里云完成域名注册与建站？  网站广告牌制作方法,街上的广告牌，横幅，用PS还是其他软件做的？  小型网站制作HTML,*游戏网站怎么搭建？  如何快速搭建虚拟主机网站？新手必看指南  在线ppt制作网站有哪些软件,如何把网页的内容做成ppt？  网站制作和推广的区别,想自己建立一个网站做推广，有什么快捷方法马上做好一个网站？  如何在Golang中使用encoding/gob序列化对象_存储和传输数据  岳西云建站教程与模板下载_一站式快速建站系统操作指南  定制建站流程步骤详解：一站式方案设计与开发指南  英语简历制作免费网站推荐,如何将简历翻译成英文？  建站VPS选购需注意哪些关键参数？  西安市网站制作公司,哪个相亲网站比较好?西安比较好的相亲网站？  微信h5制作网站有哪些,免费微信H5页面制作工具？  济南企业网站制作公司,济南社保单位网上缴费步骤？  如何高效完成独享虚拟主机建站？  建站之星在线版空间：自助建站+智能模板一键生成方案  建站之星后台密码遗忘如何找回？  网站制作员失业,怎样查看自己网站的注册者？  山东网站制作公司有哪些,山东大源集团官网？  建站之星如何快速生成多端适配网站？  已有域名能否直接搭建网站？  微信小程序 input输入框控件详解及实例（多种示例）  零服务器AI建站解决方案：快速部署与云端平台低成本实践  制作销售网站教学视频,销售网站有哪些？  公众号网站制作网页,微信公众号怎么制作？  如何通过主机屋免费建站教程十分钟搭建网站？  股票网站制作软件,网上股票怎么开户？  如何在橙子建站上传落地页？操作指南详解  陕西网站制作公司有哪些,陕西凌云电器有限公司官网？  PHP正则匹配日期和时间(时间戳转换)的实例代码  rsync同步时出现rsync: failed to set times on “xxxx”: Operation not permitted  Java解压缩zip - 解压缩多个文件或文件夹实例  建站之星免费版是否永久可用？  如何选择高效稳定的ISP建站解决方案？  如何选择CMS系统实现快速建站与SEO优化？  阿里云高弹*务器配置方案｜支持分布式架构与多节点部署  IOS倒计时设置UIButton标题title的抖动问题  弹幕视频网站制作教程下载,弹幕视频网站是什么意思？  网站制作公司哪里好做,成都网站制作公司哪家做得比较好，更正规？  网站制作价目表怎么做,珍爱网婚介费用多少？  如何高效利用200m空间完成建站？  武汉网站制作费用多少,在武汉武昌，建面100平方左右的房子，想装暖气片，费用大概是多少啊？  建站之星北京办公室：智能建站系统与小程序生成方案解析  如何用已有域名快速搭建网站？  c# Task.ConfigureAwait(true) 在什么场景下是必须的  如何在橙子建站中快速调整背景颜色？  手机网站制作与建设方案,手机网站如何建设？  建站主机数据库如何配置才能提升网站性能？  如何制作一个表白网站视频,关于勇敢表白的小标题？