/ex1

Primary LanguageJavaScript

綜合練習 1 - 使用內嵌繫結、屬性繫結、事件繫結完成任務

安裝 npm 套件

npm

npm install

yarn

yarn install

啟動開發伺服器

npm start

開啟網頁: http://localhost:4200/

練習目標

  1. 當使用者在網頁右側的關鍵字搜尋輸入文字時,會自動在輸入框​的正下方顯示正在輸入的字元數。
  2. 當使用者在​輸入框​按下 Escape 按鍵時,會自動清空輸入框的值。

限制條件

  1. 在進行本作業練習時,不准使用任何 jQuery 的 API 來更動網頁 DOM 內容,只能使用 Angular 的標準資料繫結作法。

練習提示

  1. 可​在網頁右側的關鍵字搜尋輸入框加上 keyup 事件​​
  2. 可在 AppComponent 中新增幾個屬性保存輸入框的內容