当前位置: 首页 > 工具软件 > JSController > 使用案例 >

ionic 项目框架app.js controller.js service.js简析

松英喆
2023-12-01

这里,我们只解释下前端开发常用的www目录底下,js包内的文件:

1.app.js这个是我们的App逻辑主页

  • 主module starter在这里定义,同事注入依赖ionic和其他两个文件的module:['ionic', 'starter.controllers', 'starter.services', ] 注:controllers.js services.js都作为module被依赖

<span style="font-weight: normal;"><span style="font-size:24px;">angular.module('starter', ['ionic', 'starter.controllers', 'starter.services', ])</span></span>

  • .run(function($ionicPlatform, $state){} $ionicPlatform.ready方法,相当于cordova中的device.ready方法,很多插件只有在这个方法执行后才能调用
  • .config(function(){}) 顾名思义,可以配置你的App,一般是全局变量,常量的配置。比如解决Android导航tab在顶部问题,配置全局的$http服务的header
  • $stateProvider.state 添加状态,即每个页面的配置,一个页面一个配置
2.controllers.js 主要用来配置每个页面的controller,控制每个页面的逻辑

3.service.js 这个文件中可以写数据处理,公共方法,作为服务来提供给App的module
4.当然,你也可以新建自己的js文件,而且没有任何module,并在index.html中引入,比如common.js,写公共方法等
 类似资料: