标签: ionic

我正在尝试使用标签进行工作导航。

这是一个有问题的jsfiddle：http : //jsfiddle.net/brayancastrop/fgcruwxg/1/

我有一个选项卡式视图，可以加载而无需后退按钮或过渡。

<script type="text/ng-template" id="templates/conference.html">
    <ion-tabs tabs-type="tabs-icon-only" has-header=true padding=true>
        <ion-tab title="Info" icon-on="ion-ios7-filing" icon-off="ion-ios7-filing-outline" href="#/events/1/conferences/1/information">
            <ion-nav-view name="conferenceInformation"></ion-nav-view>
        </ion-tab>

        <ion-tab title="Presentation" icon-on="ion-ios7-clock" icon-off="ion-ios7-clock-outline" href="#/events/1/conferences/1/presentation">
            <ion-nav-view name="conferencePresentation"></ion-nav-view>
        </ion-tab>

    </ion-tabs>

</script>

现在，当我去参加活动时，后退按钮会正确显示在导航栏中，但是当我去参加会议时，后退按钮既不会出现过渡动画，也不会出现。

也许我在选项卡上使用了错误或在抽象状态上缺少了某些内容，但是我尝试在每个选项卡的离子视图中使用隐藏按钮，并尝试调试历史记录是否与运气无关：/

请，任何指导将不胜感激。

当我们开始使用带有'sidemenu'选项的新离子项目并运行应用程序时,我们将能够在刷卡或单击菜单切换按钮时查看侧边菜单.

单击菜单按钮时动画效果很好.但我希望减慢侧面菜单的动画速度.因此,当我点击按钮时,侧面菜单会慢慢显示.

有没有办法覆盖默认的CSS或有没有办法自定义IONIC侧面菜单的动画速度？如果是这样,请帮助我.

http://codepen.io/rajeshwarpatlolla/pen/xGOwEv

<ion-side-menus>

    <ion-pane ion-side-menu-content>
      <ion-nav-bar type="bar-positive"
               back-button-type="button-icon"
               back-button-icon="ion-ios7-arrow-back"></ion-nav-bar>
      <ion-nav-view name="menuContent"></ion-nav-view>
    </ion-pane> 

    <ion-side-menu side="left">
      <header class="bar bar-header bar-assertive">
        <div class="title">Left Menu</div>
      </header>
      <ion-content has-header="true">
        <ul class="list">
          <a href="#/event/check-in" class="item">Check-in</a>
          <a href="#/event/attendees" class="item">Attendees</a>
        </ul>
      </ion-content>
    </ion-side-menu>

  </ion-side-menus>

似乎无法找到移动应用包装器Ionic使用的渲染引擎.是Webkit吗？

我正在使用Ionic和Angular来创建移动应用程序,并需要在两个控制器/视图之间传递数据.

.controller('SearchCtrl', function($scope, $state, $http) {
    $scope.search = function() {
        console.log('Starting search..');
        var res = $http.post('http://endpoint:8080/search',{"language":"en"})
            .success(function(data) {
            //take the data.results and make sure its available when I move to tab.search-results   
            alert("Search OK");
        })
            .error(function(data) {
            alert("Search Bad");
        });

        //take the data.results and make sure its available when I move to tab.search-results
        $state.go('tabs.search-results');
    };
})

因此,当我执行$ state.go('tabs.search-results')时,我想确保从搜索返回的数据可用于在新视图中加载.这可能非常明显,但我很难找到解决方案.

我正在尝试在我的代码中实现注销.这是我在我的控制器中尝试过的

.controller('menu', function($scope,$state) {
$scope.gotoLogouts = function() {
       // localStorage.clear();
        $ionicHistory.clearHistory();

        $state.go("signin");

然后在我看来,我这样称呼它

<a menu-close ng-click="gotoLogouts()" style="color:black" ui-sref="entry" class="item"><i class="icon ion-power"></i> Logout</a>

当我单击注销状态时,我收到此错误未定义历史记录.

我究竟做错了什么

这有效,但它无法向下滚动到最底部.我在底部有主页按钮,很少有项目被它阻挡,不会向上滚动.主页按钮位于主页面的页脚中,而不是在同一个控制器上.我如何确保在底部看到所有图片.对任何建议表示赞赏.

<ion-scroll direction='y' zooming='true' style="height: 1024px">
    <div class="favorites list item item-text-wrap" ng-repeat="photo in favorites">
      <a class="item item-thumbnail-left" href="#">
        <img src="sourceURL</p>
      </a>
    </div>
  </ion-scroll>

我有一个使用Ionic（Cordova和Angular）构建的iOS应用。我的应用程序的版本1（已经发布了一段时间）使用HTML5 localStorage存储了一些数据。我准备发布版本2，但更新应用程序（我已经通过xcode，itunes和testflight安装进行了模拟）会擦除存储在localstorage中的所有数据。

看来localstorage db存储在Library / Caches /中，如果有帮助的话。

有关信息，我正在使用：

科尔多瓦3.9.2和离子1.1.1

在花了整整一天时间搜索SO和其他各个网站之后，我仍然不明智。

有办法防止这种情况吗？有兴趣听到在发行的cordova应用程序上使用localStorage的任何人的消息。

在我的离子应用程序的主屏幕上有一个项目列表,这些项目可能与上次启动应用程序时有所不同.但是,当应用程序处于后台(多任务处理)并且我回到它时,它不会触发角度$ scope.init函数,该函数会加载项目并将用于一个全新的开始,但完全相同,现在显示不正确的项目.

如果主屏幕总是在应用程序启动时刷新,即使它刚刚从后台返回,我怎么能实现呢？

我想创建一个圆形条,随着它的进展,它会变得更粗.
是否可以使用css或svg,它可以在离子移动应用程序上运行.

这是我想要实现的目标:

这里是起点的小提琴:

.wrap {
  background: #0b1626;
  padding: 2em;
  color: #FFF;
  font-family: 'Arial Black';
}
.knob {
  position: relative;
  margin: 0 auto;
  padding: 1.5em;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  border: 1px solid #e84d51;
}
.knob .val {
  padding-top: 1em;
  font-size: 28px;
  text-align: center;
}

<div class="wrap">
  <div class="knob">
    <div class="stats">
      <p class="val">16,858<br>1,285</p>
    </div>
  </div>
</div>

我有一个firebase Auth工厂如下

app.factory("Auth", ["$firebaseAuth", "FIREBASE_URL","$ionicPlatform",
  function($firebaseAuth, FIREBASE_URL, $ionicPlatform) {
      var auth = {};
      $ionicPlatform.ready(function(){
          var ref = new Firebase(FIREBASE_URL);
          auth = $firebaseAuth(ref);
      });
      return auth;
  }
]);

我在我的ui-router解决方案中注入Auth工厂作为依赖关系但是在配置ui-router时,auth是空的,因为平台准备就绪后开始.

app.config(function ($stateProvider, $urlRouterProvider) {
  $stateProvider
    .state('menu', {
      url: '/menu',
      abstract:true,
      cache: false,
      controller: 'MenuCtrl',
      templateUrl: 'templates/menu.html',
      resolve: {
        auth: function($state, Auth){
          //<--Auth is empty here when the app starts ----->
          return Auth.$requireAuth().catch(function(){
              $state.go('login'); //if not authenticated send back to login
          });
        }
      }
    })

如何确保Auth工厂在注入ui-router之前不为空？

我试过这个 -

app.factory("Auth", ["$firebaseAuth", "FIREBASE_URL","$ionicPlatform",
      function($firebaseAuth, FIREBASE_URL, …