ionic有没有在一个页面加载另一个页面的方法

ionic有没有在一个页面加载另一个页面的方法,第1张

html通过iframe把2.html加载进来,然后通过iframe.contentWindow.A()就可以; 1、必须两个页面在同一个域。 2、将两个页面的js拿出来,保存为a.js。 3、在两个页面里都引用这个a.js,那么里面的函数在两个页面里都能使用了。

第一步,创建静态页面tabs.html,默认是HTML5模板,如下图所示:

第二步,引入ionic相关的CSS文件和JS文件,如下图所示:

第三步,在body插入div和a标签元素,并设置样式,如下图所示:

第四步,预览该静态页面,这时会看到四个Tabs标签,如下图所示:

第五步,再次设置Tabs样式,使每个Tabs样式不一样,如下图所示:

第六步,下面插入AngularJS相关的指令,ng-app、ng-controlle指令,如下图所示:

ionic 是一个专注于用WEB开发技术,基于HTML5创建类似于手机平台原生应用的一个开发框架。绑定了与AngularJS和Sass。这个框架的目的是从web的角度开发手机应用,基于PhoneGap的编译平台,可以实现编译成各个平台的应用程序。

ionic的开发添加android和ios环境。

ionic提供很多css组件 和javascript UI库。

ionic可以支持定制android和ios的插件,也支持服务端REST的敏捷开发

END

ionic安装

1

将cordova和ionic包安装到全局环境中(可供命令行使用)

2

安装完成之后,进入你要创建项目的路径,就可以使用ionic创建项目了

END

启动

1

然后可以使用:ionic serve

该命令会自动启动流浏览器,查看当前效果。

模板效果

空白模板(Black app)

$ ionic start myApp blank

tabs模板

$ ionic start myApp tabs

3

sidemenu模板

$ ionic start myApp sidemenu


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11750798.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-18
下一篇2023-05-18

发表评论

登录后才能评论

评论列表(0条)

    保存