ionic混合开发总览

闲语:

最近在讲混合开发的课程,分享下部分课上的笔记,等抽出时间,会把混合开发这部分出一套系列教程。尽管网上遍地都是,但是没有成体系从零到项目上线的。希望可以多多抽出时间吧。

正题:

页面传值笔记路由部分:

一.路由开始部分:

1.state("tab"):

1)《tab》是区域的名字 可以随便写

2)没有《views》的《state》 是路由的开始

3)《tab》这个区域的名字 是其他子视图 标识与这个区域有从属关系的一个前缀

4)区域的名字 必须是一个唯一的

2.url:"/tab"

1)表示路由开始的一个文件位置

2)angularJS会通过这个开始文件的位置  去查找 它属下文件

3.templateUrl:"templates/tabs.html"

1)模板存储在工程中一个位置

2)文件名字 不要写错

二.子视图部分:

1.state("tab.home")

1)子视图部分 区域的名字 名字的前缀《tab》是上一级的名字

2.url:"/home"

1)是文件存储的位置 angularJS 会根据路由的从属关系 来找到对应的文件

3.views:{}

1)子视图 是路由中的一个分支

2)"tab-home"(<1>文件的标识符<2>通过文件的标识符 来确认 要在导航视图中 显示的 模板(视图)<3>可以重复 如果重复就是还在这个页面打开 一般用于 访问下一级页面)<1>templateUrl:"templates/home.html"<2>controller:"homeController" ✭✭✭✭✭注意名字不要写错

三.子视图的二级页面:

1.state("tab.homeDetail")

1)路由区域的名字

2)这个区域的名字 是唯一的✭✭

2.url:"/home/:newsID"

1)✭✭✭✭✭注意:如果是某一个视图的二级页面 需要填上级页面的url拼接上跳转的参数

2)在当前页面 打开另外一个页面

3.views:{}

1)"tab-home"

 <1>要打开哪一个文件的名字

<2>✭✭✭✭✭这个名字是他上一页面的名字

2)templateUrl:"templates/homeDetail.html"

3)controller:"homeDetailController"

四.默认开始页面:

$urlRouterProvider.otherwise("/tab/home");

Factory部分:

一:写公共数据 公共方法的位置 可以被全局访问

二:factory("News")

1.它是标识Factory名字 与标识controller的名字类似

2.是通过名字来找到 对应的Factory

3.可以通过得到的Factory名字来查找到他里面的内容

三:获取Factory里面的内容->return{}


控制器部分:

一.控制器的声明周期

1.控制器并不是一直不被销毁的

2.当不再使用的时候  就会被自动销毁

3.它里面的数据也就跟随一起消失

4.尽量不要再里面写逻辑

二.controller("homeController")

1.控制器的名字

2.名字也不要重复

三.服务

1.$scope:

1)可以绑定控制器中的数据

2)只能在当前控制器使用

2.$rootScope:

1)可以绑定控制器中的数据

2)全部控制器 都可以访问到

3.$stateParams

1)可以通过这个服务获得到对应变量的值

4.自定义的服务

1)通过服务名 获得到服务中的内容

视图部分:

一:分栏部分(tabs)

1.分栏的最外层 在他的里面会存在几个分栏 尽量不要写超过5个tab

2.分栏中其中一个选项(ui-sref="tab.home)指向咱们的视图 这样 在切换视图的时候  标题会跟随着去切换

1)《name》与路由中的《views》的名字 要匹配,表示导航视图中 展示的视图 是哪个

二:子视图部分:

1.导航的标题

2.如果有下一届页面 需要添加:href="#/tab/home/{{news.id}}"

1)是在当前页面打开一个视图

2)href的格式要与路由中的格式相同(url:"/home/:newsID")

3)newsID是一个形参 参数

4)在控制器中搜索的《newsID》($stateParams.newsID)就是上面那个形参

以上是课上帮学生记得笔记,未经过整理,大家可以先参考下

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,324评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,303评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,192评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,555评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,569评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,566评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,927评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,583评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,827评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,590评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,669评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,365评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,941评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,928评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,159评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,880评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,399评论 2 342

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,580评论 18 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,392评论 25 707
  • Ubuntu的发音 Ubuntu,源于非洲祖鲁人和科萨人的语言,发作 oo-boon-too 的音。了解发音是有意...
    萤火虫de梦阅读 99,118评论 9 467
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,016评论 4 62
  • ——Kurny 我站在灰色的土地上 望向黑色忧郁的天 在那深湛的空洞 掠过白色璀璨的星河 在这几亿光年的距离...
    Kurny91阅读 228评论 1 1