Just My Life & My Work

Archive for 2017 年 07 月 15 日

[香港尖沙嘴] 撲撲旅舍 Hopinn

Sandy原本要訂跟我們一樣的旅館:隆堡麗景酒店,可是刷完卡後被酒店服務人員通知客房已滿⋯⋯於是乎請我幫忙預定其它在附近的旅館,我在Agoda上找到我會想住的撲撲旅舍 Hopinn,因為裡裡外外看起來相當有藝術!距離尖沙嘴站才200公尺呢~

最後一晚回到旅舍,我和Sandy與魚兒一起品嚐道地的香港泡麵和關東煮,很捨不得離開這充滿藝術氣息的家~

(繼續閱讀…)

[Ionic][AngularJS] 選單

就像人生,面臨許多選擇,AngularJS選單可以怎麼呈現呢?

[Ionic][AngularJS] 選單.png

View的部分可以這麼寫:

/**
 Theme: AngularJS Select
 IDE: Sublime
 Language: Javascript
 Date: 106/07/13
 Author: HappyMan
 Blog: https://cg2010studio.com/
 */

    <select ng-init="somethingHere = kidList[0]"
ng-model="somethingHere"
ng-options="option.Name for option in kidList"
ng-change="select()">
    </select>

  • ng-init為預設值
  • ng-model為被選擇的變數
  • ng-options為選擇項目
  • ng-change為選擇後的行為

Controller可以這麼做:

/**
 Theme: AngularJS Select
 IDE: Sublime
 Language: Javascript
 Date: 106/07/13
 Author: HappyMan
 Blog: https://cg2010studio.com/
 */

  $scope.kidList = JSON.parse(AuthService.storageGet('kidList'));

  $scope.select = function () {
       $scope.selectId = $scope.somethingHere.Id;
  };

參考:getting the ng-object selected with ng-change

標籤雲

%d 位部落客按了讚: