标签: ionic2

我在页面上放了一些文字和一个按钮.我当前正在使用我所知道的传统css方法来集中它.这是以IONIC 2为中心的正确方法吗？

<ion-content padding class="login-signup">

  <ion-card>

  <div class="or-label">
   SOME-TEXT
  </div>

  <div class="signup-button">
    <button outline>Signup</button>
  </div>

</ion-content>

//对应的css

 .or-label {
    width: 20%;
    font-size: 16px;
    margin: 0 auto;
    margin-top: 2em;
    margin-bottom: 2em;
    height: 50px;
    text-align: center;
    color: red;
  }


.signup-button {
  text-align:center;
}

只想删除开始和结束边框.我是这种编程语言的新手.我正在使用下面的代码来显示列表.

<ion-content>
<ion-list class="item">
  <ion-item href="#">
    Hello!
  </ion-item>
   <ion-item  href="#">
    Hello2
  </ion-item>

</ion-list>  
      </ion-content>

我需要在下面提到的屏幕截图中删除突出显示的红色圆圈边框.怎么做？

我是带有打字稿的Ionic2和Angular2的新手,我想为iOS和Android构建一个移动应用程序.下一步我想要包含一张地图并找到Leaflet,以便在GoogleMaps和OSM之间轻松改变,......

所以,我的问题始于安装:有不同的包,如npm install leaflet或npm install leaflet-map或npm install ui-leaflet更多..

其次,我不知道如何包含这些包.如果有人可以在Ionic2中为我提供一个非常简单的基本应用程序,显示传单地图,那就太棒了.

我正在尝试在离子2应用程序中创建页面内的滑块组件.除非寻呼机点不显示,否则我已按预期工作.有关如何使用寻呼机的文档并不是很好.我在这里出错的任何想法？

    <div class="slider-container">
            <ion-slides pager="true">
                <ion-slide>
                    <div class="slide">
                        <img src='assets/image/scoping.png' />
                        <p class="slide-title">TITLE 1</p>
                        <p class="slide-text">Body text 1</p>
                    </div>
                </ion-slide>
                <ion-slide>
                    <div class="slide">
                        <img src='assets/image/projectmgmt.png' />
                        <p class="slide-title">TITLE 2</p>
                        <p class="slide-text">Body text 2</p>
                    </div>
                </ion-slide>
                <ion-slide>
                    <div class="slide">
                        <img src='assets/image/satisfaction.png' />
                        <p class="slide-title">TITLE 3</p>
                        <p class="slide-text">Body text 3</p>
                    </div>
                </ion-slide>
            </ion-slides>
    </div>

我也尝试了<ion-slides options="{pagination: true}">,<ion-slides pager="true">而且这些都没有奏效.

编辑:在浏览器中检查后,我看到正在使用这样的div容器呈现寻呼机: <div class="swiper-pager hide"> 所以我绝对没有使用正确的参数取消隐藏寻呼机.或者有一个错误.我正在使用Ionic v2.0.0.

我在ionic2中打开一个Modal,从列表中搜索值.搜索之后,我希望在父屏幕中返回选定的值.

searchRooms(){
    let modal = this.modalCtrl.create(RoomSearch);
        modal.present();
  }

这将打开我的搜索模式,在那里我有可用房间列表.如果用户点击任何房间,那么我想将值返回到父页面.我不知道该怎么做.

从文档我觉得NavConroller.pop可以用来传回值,但我不知道如何使用它.

提前致谢.

我试图找出从代码传递到最终可部署的apk/ipa 的最佳进程.

到目前为止,我有一个使用Karma + Jasmine的测试套件,它将TypeScript转换为JS并运行一些单元测试.我通过gulp开始这个过程.

之后,我所知道的是ionic build android --release生成(一个未签名的)apk.但我不确定生成的apk是如何被模仿/缩小的.

所以,请记住代码必须尽可能私密,是ionic build足够的缩小和模仿,还是应该通过gulp手动完成所有这些预建任务？在这种情况下,什么是我应该运行的正确任务,我是否必须手动将所有TypeScript文件转换为JS？我应该以什么顺序执行任务？

例如transpile -> tests -> minify -> uglify -> build apk或minify -> uglify -> transpile -> tests -> build apk

我有点迷失了,我唯一可以弄清楚的是测试应该先运行,因为测试失败的情况应该中止该过程.

我们已经尝试将我们的Angular 2应用程序(由我们的朋友编写,因此我们可能不知道所有细节)移动到Ionic 2.然而,我们还没有设法让它工作,因此下面的问题.

1. Angular 2路由器在Ionic 2中工作吗？
2. 在Ionic 2应用程序中使用Angular 2路由器是否有意义,还是应该直接选择DeepLinker？

编辑:我不确定目前的状态是什么,但我在这里读到:

«Angular路由器目前正在进行大量开发和重构.因此,Angular的路由器目前在Ionic中被禁用.»

3. 代码/ metadata/build-script/package.json中的哪个位置是激活路由器的入口点？我们在NgModule中有路由,但是当我们访问应用程序的主URL或子URL时,它似乎没有动作:

   @NgModule({
     declarations: [
       AppComponent,
       TestComponent,
       AgendasListComponent,
       TasksListComponent,
       SnackBarComponent,
       ConfirmationDialog,
       AgendaComponent,
       LoginComponent
     ],
     entryComponents: [
       ConfirmationDialog
     ],
     imports: [
       BrowserModule,
       HttpModule,
       MaterialModule.forRoot(),
       AngularFireModule.initializeApp(firebaseConfig, firebaseAuthConfig),
       RouterModule.forRoot([
       {
         path: '',
         redirectTo: 'agendas',
         pathMatch: 'full',
         canActivate:[ RouterGuardService ]
       },           
       {
         path: 'agendas',
         component: AgendasListComponent,
         canActivate:[ RouterGuardService ]           
       }
       ...
   

   Run Code Online (Sandbox Code Playgroud)

我在Ionic2应用程序中配置OAuth时遇到问题.我没有在OAuth的前端部分使用任何框架/库.

问题是我401: Unauthorized: Invalid signature每次尝试检索access_token都会得到一个.(向下滚动代码,用注释缩进问题)

现在我的服务器被设置为三脚OAuth应用程序(如此处所述).这意味着将有3个端点:

1. /request_token(这个有效)

请求(GET参数):

oauth_version : ...
oauth_nonce: ....
oauth_timestamp: ...
oauth_consumer_key: ...
oauth_signature_method: ...
oauth_signature: ...

响应:

oauth_token: .... (temporary)
oauth_token_secret: ....

2. /authorize(这个也有效 - >打开浏览器进行身份验证)

请求(GET参数):

oauth_token: ....
oauth_callback: ....

响应

oauth_token: ....
oauth_verifier: ...

3. /access_token(这个不起作用)

请求(GET参数)

oauth_token: ....
oauth_verifier: ....
oauth_version : ...
oauth_nonce: ....
oauth_timestamp: ...
oauth_consumer_key: ...
oauth_signature_method: ...
oauth_signature: ...

响应:

oauth_token: .... (permanent)
oauth_secret: ....

最后一个不起作用,虽然我signatureBaseString以相同的方式设置并根据指南设置键 …

如何更改离子3中的后退按钮颜色？(从白色到黑色).它是这个按钮的屏幕截图:

Ionic 3图像滑块自动播放效果很好,但是当我手动滑动图像时,自动播放停止工作.下面是我的离子3代码.我真的被困在这里..

    slideData = [{ image: "../../assets/img1.jpg" },{ image: "../../assets/img2.jpg" },{ image: "../../assets/img3.jpg" }]

html代码如下

  <ion-slides  class="slide-css" autoplay="100" loop="true" speed="100" pager="true" autoplayDisableOnInteraction = "false">
  <ion-slide *ngFor="let slide of slideData">
  <img src="{{slide.image}}" />
  </ion-slide>
  </ion-slides>