文章出處

作者: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


文章列表




Avast logo

Avast 防毒軟體已檢查此封電子郵件的病毒。
www.avast.com


arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()