Question

所以我想在我的Ionic应用程序中添加一个新页面..我创建了文件夹＆＃39; searchpage＆＃39;通过＆＃39;离子生成页面搜索页面＆＃39;在命令行中。我已经添加了......

import { Searchpage } from '../searchpage/searchpage';

到了家里的顶部。并将其作为下面的@Component ......

＆＃13;

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {



  constructor(public navCtrl: NavController, public authData: AuthData) {

  }

  logMeOut() {
    this.authData.logoutUser().then( () => {
      this.navCtrl.setRoot(LoginPage);
    });
  }

  searchPage(){
  this.nav.push(Searchpage);
  }

}

＆＃13;

然后在home.html中添加按钮...

＆＃13;

<button ion-button color="positive" block (click)="searchPage()">
    Search Page
  </button>

＆＃13;

按钮出现但在点击时没有做任何事情。

请帮助我做错了什么？

Answer 1

您还需要在Nat.add_1_r: forall n : nat, n + 1 = S n文件中导入新页面。然后将其添加到app.module.ts和declarations数组中。请参阅以下示例：

entryComponents

Ionic 2添加页面，按钮搜索页面不执行任何操作

1 个答案: