-2

我在我的应用程序中使用 phonegap 和 onsen-ui。

如何在我的应用程序中使用温泉创建加载？

谢谢

对不起我糟糕的英语。

4

3 回答 3

12

或者你可以使用模态来显示这样的加载屏幕。

<ons-modal var="modal">
      <ons-icon icon="ion-load-c" spin="true"></ons-icon>
      <br><br>
      Please wait.<br>Loading...
    </ons-modal>

然后调用 modal.show(); 在您的控制器中显示模态和 modal.hide(); 隐藏它。

于 2015-05-11T07:52:44.617 回答
5

使用 ngShow 或 ngHide。

以下是示例代码。

<script>
    var myApp = angular.module('myApp', [ 'ngTouch', 'onsen.directives']);    

    myApp.controller('SampleCtrl', function($scope, $timeout){
        $scope.isShow = true;

        $timeout(function(){
            //If page content was loaded, set the false to $scope.isShow.
            $scope.isShow = false;
        },'2000')
    });
</script>


</head>
  <body ng-controller="SampleCtrl">

  <div ng-show="isShow">
    <!--Define your loading screen animation with HTML and CSS.-->
  </div>

</body>
</html>

你需要自己定义css动画。但是，有很多有用的工具可以创建像这样的加载动画。

于 2014-06-03T08:03:13.910 回答
0

您也可以使用占位符..

https://onsen.io/reference/ons-loading-placeholder.html

于 2016-01-19T07:49:49.490 回答