Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/xamarin/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 离子型2+;角形2-凸耳+;配菜_Angularjs_Typescript_Ionic Framework_Ionic View_Ionic2 - Fatal编程技术网

Angularjs 离子型2+;角形2-凸耳+;配菜

Angularjs 离子型2+;角形2-凸耳+;配菜,angularjs,typescript,ionic-framework,ionic-view,ionic2,Angularjs,Typescript,Ionic Framework,Ionic View,Ionic2,我试图将标签和侧菜单连接在一起,我不知道我做错了什么。因为root属于侧菜单 import {App, IonicApp, Platform} from 'ionic-framework/ionic'; import {HelloIonicPage} from './pages/hello-ionic/hello-ionic'; import {ListPage} from './pages/list/list'; import {TabsPage} from './pages/tabs/ta

我试图将标签和侧菜单连接在一起,我不知道我做错了什么。因为root属于侧菜单

import {App, IonicApp, Platform} from 'ionic-framework/ionic';

import {HelloIonicPage} from './pages/hello-ionic/hello-ionic';
import {ListPage} from './pages/list/list';
import {TabsPage} from './pages/tabs/tabs';


// https://angular.io/docs/ts/latest/api/core/Type-interface.html
import {Type} from 'angular2/core';


@App({
  templateUrl: 'build/app.html',
  config: {} // http://ionicframework.com/docs/v2/api/config/Config/
})
class MyApp {
  // make HelloIonicPage the root (or first) page
  rootPage: Type = HelloIonicPage;
  pages: Array<{title: string, component: Type}>;

  constructor(private app: IonicApp, private platform: Platform) {

    this.initializeApp();

    // set our app's pages
    this.pages = [
      { title: 'Hello Ionic', component: HelloIonicPage },
      { title: 'My First List', component: ListPage },
      { title: 'testing tabs', component: TabsPage}
    ];
  }

  initializeApp() {
    this.platform.ready().then(() => {
      // The platform is now ready. Note: if this callback fails to fire, follow
      // the Troubleshooting guide for a number of possible solutions:
      //
      // Okay, so the platform is ready and our plugins are available.
      // Here you can do any higher level native things you might need.
      //
      // First, let's hide the keyboard accessory bar (only works natively) since
      // that's a better default:
      //
      // Keyboard.setAccessoryBarVisible(false);
      //
      // For example, we might change the StatusBar color. This one below is
      // good for dark backgrounds and light text:
      // StatusBar.setStyle(StatusBar.LIGHT_CONTENT)
    });
  }

  openPage(page) {
    // close the menu when clicking a link from the menu
    this.app.getComponent('leftMenu').close();
    // navigate to the new page if it is not the current page
    let nav = this.app.getComponent('nav');
    nav.setRoot(page.component);
  }
}
import{App,IonicApp,Platform}来自“离子框架/ionic”;
从“./pages/hello-ionic/hello-ionic”导入{HelloIonicPage};
从“./pages/list/list”导入{ListPage};
从“./pages/tabs/tabs”导入{TabsPage};
// https://angular.io/docs/ts/latest/api/core/Type-interface.html
从'angular2/core'导入{Type};
@应用程序({
templateUrl:'build/app.html',
配置:{}//http://ionicframework.com/docs/v2/api/config/Config/
})
类MyApp{
//使HelloIonicPage成为根(或第一个)页
rootPage:Type=HelloIonicPage;
页面:数组;
构造函数(私有应用程序:IonicApp,私有平台:平台){
这是.initializeApp();
//设置我们应用程序的页面
此页=[
{title:'Hello-Ionic',组件:HelloIonicPage},
{title:'我的第一个列表',组件:ListPage},
{标题:“测试选项卡”,组件:TabsPage}
];
}
初始化EAPP(){
this.platform.ready()。然后(()=>{
//平台现在准备就绪。注意:如果此回调无法启动,请按照
//故障排除指南提供了许多可能的解决方案:
//
//好了,平台准备好了,我们的插件也可以使用了。
//在这里,您可以做任何您可能需要的更高级别的本地操作。
//
//首先,让我们隐藏键盘附件栏(仅在本机上工作),因为
//这是一个更好的默认值:
//
//Keyboard.setAccessoryBarVisible(false);
//
//例如,我们可能会更改状态栏的颜色
//适用于深色背景和浅色文本:
//StatusBar.setStyle(StatusBar.LIGHT\u内容)
});
}
openPage(第页){
//单击菜单中的链接时关闭菜单
this.app.getComponent('leftMenu').close();
//如果新页面不是当前页面,请导航到该页面
让nav=this.app.getComponent('nav');
导航设置根(页面组件);
}
}
我是爱奥尼亚的新手,我必须遵循以下教程


它有选项卡或侧菜单,但两者都没有。我已经导入了选项卡,但我不确定下一步要做什么,因为
rootPage
属于
HelloIonicPage
,我不想更改它。

不完全清楚为什么需要这样做,但这是可能的,并且附加的链接中有我合并模板生成的两个程序的代码。生成的程序使用tab1页面作为“入门”页面。侧边栏的菜单可从每个选项卡页面获得

  • 我将“tabs”程序的pages文件夹中的文件夹复制到“sidemenu”程序中

  • 从“入门”中,我复制了导航条形码和侧栏菜单。这似乎是由包含指定标题的选项卡2和选项卡3页面继承的(不确定原因)。所以我在每个页面中添加了一个h1,其中有一个tab2和tab3标题作为标记

  • 我修改了app.ts文件以导入步骤1中添加的页面

  • 我在app.core.scss中添加了导入语句来导入page1、page2和page3 html文件

  • 该方法允许在侧边栏上添加登录屏幕和其他实用程序屏幕(如搜索)


    不完全清楚您为什么需要这样做,但这是可能的,所附链接中有代码,我在其中合并了由模板生成的两个程序。生成的程序使用tab1页面作为“入门”页面。侧边栏的菜单可从每个选项卡页面获得

  • 我将“tabs”程序的pages文件夹中的文件夹复制到“sidemenu”程序中

  • 从“入门”中,我复制了导航条形码和侧栏菜单。这似乎是由包含指定标题的选项卡2和选项卡3页面继承的(不确定原因)。所以我在每个页面中添加了一个h1,其中有一个tab2和tab3标题作为标记

  • 我修改了app.ts文件以导入步骤1中添加的页面

  • 我在app.core.scss中添加了导入语句来导入page1、page2和page3 html文件

  • 该方法允许在侧边栏上添加登录屏幕和其他实用程序屏幕(如搜索)


    感谢您的回答,我们正在构建古兰经应用程序,因此我们希望显示侧边栏和选项卡,但将选项卡保留为仅显示手势(稍后我们将添加这些内容)。。这就是原因,我已经下载了该应用程序,并将尝试,希望一切都会顺利进行。它在ios上运行良好,但在andriod上没有显示侧边栏。我还有一个问题。如果我不想使用
    rootPage:Type=TabsPage,但仍要在现有页面上显示选项卡。我怎样才能做到?因为我想在第二页上显示标签,而不是主页。Basit-我还没有在android上检查过这个。关于特定页面上的侧菜单,请将以下代码从tabs.html移动到特定页面。然后,菜单栏将仅显示在该页面上。但按选择返回将始终返回到第一页。我确信修复代码以返回到您想要的任何内容是可能的。表2 Basit-我试着使用“ionic serve-l”,它同时显示android和ios。这两种方法似乎都很管用。。我没有android设备可以查看。谢谢你的回答,我们正在构建古兰经应用程序,所以我们想显示侧边栏和标签,但只将标签保留为手势显示(我们想稍后添加)。。这就是原因,我已经下载了该应用程序,并将尝试,希望一切都会顺利进行。它在ios上运行良好,但在andriod上没有显示侧边栏。我还有一个问题。如果我不想使用
    rootPage:Type=TabsPage,但仍要在现有页面上显示选项卡。我怎样才能做到?因为我想在第二页显示标签,而不是主页