我正在使用 ionic 的标签模板。我需要成为一个固定的搜索栏，但我没有找到如何将这个栏插入标签栏。

我的应用程序是这样的：

_{（来源：esfriki.com）}

问题是，我将搜索栏放入选项卡内容中，这是可行的，但是，栏不固定，当我滚动列表时，搜索栏也会滚动。

我需要有标签导航栏，然后在列表（目录）之前，搜索栏（固定）。

有人知道我该怎么做吗？

tabs.html（标签视图）： https ://paste.kde.org/pbqwtl473

tab-bynames.html（标签内容）： https ://paste.kde.org/pdxhlcviu

对不起我可怜的英语。

上面的代码为我提供了 ionic 的默认视图，我需要更改标题的颜色以保持默认导航控制器（如菜单/后退图标），而不是如下定义新的标题栏。

有没有一种干净的方法来解决这个问题？

我已经在这个问题上停留了一周，我觉得我理解了 'ui-router' 和 'ionic's' 视图路由，但情况似乎并非如此。

我已经看到了许多视图如何工作的示例，但是现在随着我的构建更大，我看到的示例对于我的项目来说太简单了，因为我的项目具有侧面菜单、选项卡和每个选项卡内容的视图。

我的问题：

我在我的选项卡内持有多个不同控制器的视图。我正在使用一张传单地图和一个下拉列表，其中将填充我的位置，并且我都开始工作了。然而，这些观点正在发出奇怪的呼吁。每当我选择传单地图时，它都会discover-home.html在ion-nav-bar我的menu.html. 此外，您可以看到此列表视图位于我的地图和缩放图标之间，如果不触摸我的地图并且我切换选项卡并返回，我将无法再次打开列表。

我认为我需要问的问题是

1. 使用 ionic 的视图导航在多视图应用程序中导航的正确方法是什么？

2. 为什么更改视图会导致其他控制器无法再次被调用？

3. 有哪些最佳实践？

这就是我正在处理的事情。任何帮助，将不胜感激。

我在discover-home.html中的标签视图

menu.html内的侧边栏视图

列表显示在discover-home.html中

discover -home.html中的发现列表隐藏在menu.html的 ion-nav-bar下

这是我的代码片段

索引.html

发现-tabs-controller.html

这控制选项卡视图（其中之一是discover-home.html）

发现-home.html

控制器.js

应用程序.js

// 对于我的 discover-home.html .state('app.discover.home', {

})

菜单

这控制侧边菜单项

我正在使用以下控制器，以便在dashboard页面中 android 后退按钮退出应用程序，但在其余页面上它会返回。由于在dashboard页面之前我有一个教程，我只向我的用户展示一次，然后我必须覆盖 android 后退按钮，以便在dashboard按下它时退出，它可以很好地使用以下代码：

现在的问题是，当我转到以下视图时，它仍然可以用作退出按钮，但我希​​望它只是任何其他不是仪表板的视图中的后退按钮，所以我在以下控制器中尝试了这个：

所以现在它返回了功能，但是当dashboard我从过去的控制器按下返回时，它会覆盖它的功能，现在而不是退出它会返回。

更新

感谢 mudasser ajaz 在下面的回答，我终于可以让它工作了，答案是：

I want to make something just like this:

As you can see one big grid on the left double the size of two grids on the right (which are one above the other):

This is my html approach:

My css/sass looks like this:

我有这个 div，它正在从互联网上加载完美的图像 url，但不是我的本地图像，非常奇怪：

所以当我尝试这个时它没有问题：

但如果我试试这个：

现在它不起作用，因为您可以确保我的路径是正确的，我将从 ionic.app.scss 转到 Doctors.jpg：

我尝试过 with background: url(../www/img/doctors.jpg) no-repeat center center fixed;， with'../www/img/doctors.jpg'和"../www/img/doctors.jpg"withbackground-image而不是，background但似乎没有任何效果，这很奇怪。

问题：

我正在将我的 Ionic 应用程序翻译成多种语言。我正在使用angular-translate，它做得很好。

但是，将它与 Ionic 指令（例如 ion-view）一起使用存在一些兼容性问题

例子：

在这些方面工作顺利：

作为过滤器的简单用法

使用 ng-bind 来避免外来字符的问题

问题：

<h4>并且<p>是 HTML 标签，使用 angular-translate 完全没有问题。一切正常。

问题是何时必须翻译 Ionic 指令，例如<ion-view>

“编辑个人资料”字样将出现在上方的标题栏中。我还需要翻译它们。我已经尝试过，但它不起作用。

问题：

我如何翻译 Ionic 指令？

嗨，我想问一下如何通过单击具有离子框架的移动应用程序上的图标来打开浏览器并访问特定网站。例如，我单击 Ionic 框架应用程序上的 youtube 图标，它将打开一个浏览器并转到 youtube。

所以我有这个幻灯片框，你可以看到寻呼机点/圆圈出现，而我不需要包括<ion-slide-pager></ion-slide-pager>：

它给了我这样的观点：

我尝试 <ion-slide-pager></ion-slide-pager>在 ion-slide-box 和 ion-slide 之间插入，就像在本教程中一样

但这只是扰乱了我的观点并添加了第四个点/寻呼机，我不知道它来自哪里：

我需要的：

我需要在活动时将寻呼机点更改为黄色，在不活动时更改为白色，就像这样：

更新+答案

好的，由于下面用户的输入，终于让它工作了，这里是工作的 Css：

Ionic 有一个“deviceready”监听器，它可以检测设备是否准备好，如果是，可以触发更多功能来完成工作。

我有一个测试应用程序，当我将我的 iphone 插入计算机时可以工作，但是当我从离子视图启动时，它无法启动与“设备就绪”相关的功能。我想知道离子视图应用程序是否真的会触发“设备就绪”，因为该应用程序在技术上位于离子视图容器内。