再看那柔弱的柳树吧，在寒冬余威尚盛时节，就早早苏醒过来，望着冰冻的河面，迎着凛冽的寒风，它微微察觉出一丝春意，于是，不顾一切地率先吐翠，淡淡地披起娇黄嫩绿的新装。沿河望去，枝梢间烟纱雾彀，一片生机，这情景仿佛一首动人的歌，一首热烈向往春天的歌，一首报告春的信息的歌，一首表达美好信念的歌。我在想：既然迎春花被人称作报春花，那么，柳树可不可以叫作报春树呢春来了，万千柳枝在春风中袅袅舞动。柳树是热爱春天的，春天也是热爱柳树的。
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" rel="nofollow noopener noreferrer" 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 controller调用factory就介绍到这了。时间好比一位妙手成春的良医，它能帮助我们医治流血的心灵。时间犹如一个万能的慰藉者，它能开导我们忘记人生的伤痛。时间有如一位循循善诱的智者，他能引导求学者构筑知识的大厦。时间好比一位点屏成蝇的画家，他会帮助勤奋者描绘辉煌的明天。更多相关详解AngularJS controller调用factory内容请查看相关栏目，小编编辑不易，再次感谢大家的支持！
