当前位置: 首页>>代码示例>>TypeScript>>正文


TypeScript nativescript-loading-indicator.LoadingIndicator类代码示例

本文整理汇总了TypeScript中nativescript-loading-indicator.LoadingIndicator的典型用法代码示例。如果您正苦于以下问题:TypeScript LoadingIndicator类的具体用法?TypeScript LoadingIndicator怎么用?TypeScript LoadingIndicator使用的例子?那么, 这里精选的类代码示例或许可以为您提供帮助。


在下文中一共展示了LoadingIndicator类的10个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。

示例1: createTask

    createTask() {
        //start the loading animation
        var loader = new LoadingIndicator();
        loader.show();

        console.log(JSON.stringify(this.request));

        //send task to server
        this.taskService.sendTask(this.request).subscribe((result) => {
            console.log("got response: " + result);

            //stop the loading animation
            loader.hide();

            //navigate back to home
            this._router.navigate(["StaffScreen/Home"]);
        }, (error) => {
            console.log("error posting task");
            console.log(JSON.stringify(error));
            loader.hide();
            alert("Error. Task could not be made. Check your internet connection and try again");
        });
    }
开发者ID:mattpcaswell,项目名称:bespoke-concierge,代码行数:23,代码来源:ownerTaskMaker.component.ts

示例2: showLoaderMsgAndDetails

 public showLoaderMsgAndDetails() {
   this.indicator.show({ message: 'One moment', ios: { details: 'Updating data...' } });
   setTimeout(() => {
     this.indicator.show({ ios: { details: 'Transferring secret codes...' } });
     this.demoLoader();
   }, 1000);
 }
开发者ID:jaycom,项目名称:nativescript-loading-indicator,代码行数:7,代码来源:main-view-model.ts

示例3:

        this.taskService.sendTask(this.request).subscribe((result) => {
            console.log("got response: " + result);

            //stop the loading animation
            loader.hide();

            //navigate back to home
            this._router.navigate(["StaffScreen/Home"]);
        }, (error) => {
开发者ID:mattpcaswell,项目名称:bespoke-concierge,代码行数:9,代码来源:ownerTaskMaker.component.ts

示例4: showLoaderModeCustom

 public showLoaderModeCustom() {
   this.indicator.show({ message: 'Completed', ios: { mode: MBProgressHUDModeCustomView, customView: 'Checkmark.png' } });
   this.demoLoader();
 }
开发者ID:jaycom,项目名称:nativescript-loading-indicator,代码行数:4,代码来源:main-view-model.ts

示例5: showLoaderModeText

 public showLoaderModeText() {
   this.indicator.show({ message: 'Text only', ios: { mode: MBProgressHUDModeText } });
   this.demoLoader();
 }
开发者ID:jaycom,项目名称:nativescript-loading-indicator,代码行数:4,代码来源:main-view-model.ts

示例6: showLoaderDeterminateHorizontalBar

 public showLoaderDeterminateHorizontalBar() {
   this.indicator.show({ ios: { mode: MBProgressHUDModeDeterminateHorizontalBar } });
   this.demoProgress();
 }
开发者ID:jaycom,项目名称:nativescript-loading-indicator,代码行数:4,代码来源:main-view-model.ts

示例7: showLoaderAnnularDeterminate

 public showLoaderAnnularDeterminate() {
   this.indicator.show({ ios: { mode: MBProgressHUDModeAnnularDeterminate } });
   this.demoProgress();
 }
开发者ID:jaycom,项目名称:nativescript-loading-indicator,代码行数:4,代码来源:main-view-model.ts

示例8: showLoaderColor

 public showLoaderColor() {
   this.indicator.show({ ios: { color: '#4B9ED6' } });
   this.demoLoader();
 }
开发者ID:jaycom,项目名称:nativescript-loading-indicator,代码行数:4,代码来源:main-view-model.ts

示例9: setTimeout

 setTimeout(() => {
   this.indicator.show({ progress: 35 });
 }, 1500);
开发者ID:jaycom,项目名称:nativescript-loading-indicator,代码行数:3,代码来源:main-view-model-android.ts

示例10: setTimeout

 setTimeout(() => {
   this.indicator.show({ progress: 0.99 });
 }, 4500);
开发者ID:jaycom,项目名称:nativescript-loading-indicator,代码行数:3,代码来源:main-view-model.ts


注:本文中的nativescript-loading-indicator.LoadingIndicator类示例由纯净天空整理自Github/MSDocs等开源代码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。