如何利用ionic框架设置Tabs标签页

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

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

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

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

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

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

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

DeepLinker与NavController一起工作，但是用户基本不会直接与这个东西打交道。只有用户需要对URL进行处理的时候才需要配置这个。使用DeepLinker后，如果NavController push了一个新的页面，DeepLinker会在配置中寻找匹配的URL设置并更新URL。

我们的需求场景是这样的，在微信公众号的菜单栏有n个菜单，点击不同的菜单，需要直接导航到我们页面对应的Tab上，而不是让用户再去选择Tab。下面说一下具体做法。

---