Ionic2學習筆記（7）：Input

作者：Grey

原文地址： http://www.cnblogs.com/greyzeng/p/5554610.html

     

   

我們先來看一個簡單的輸入用戶名和密碼點擊登錄的界面：

   

• 進入項目目錄：cd MyFirstApp
• 修改主頁代碼:

  app/pages/home/home.html

  

  預覽一下效果：ionic serve -l

  

我們有兩種方式來獲取輸入的數據:

   

• 第一種：通過[(ngModel)]來獲取參數值，修改home.html的代碼為如下形式

  

  在home.ts增加一個獲取用戶名和密碼並在瀏覽器的控制台打印出來：

  

  運行程序：ionic serve -l, 並在用戶名和密碼框中分別輸入相關信息，點擊登錄按鈕，打開瀏覽器控制台，即可看到獲取的信息

  

  

• 第二種方式，采用Form Builder，修改home.html

  

  在html.ts中，增加如下代碼：

  

  運行：ionic serve -l

  

  打開Chrome的控制台，可以查看獲取的數據：

  

   

   

------

上一篇：Ionic2學習筆記（6）：Navigation

下一篇：Ionic2學習筆記（8）：Local Storage& SQLite