具有ng-change的Angular 1.5選項

Question

我們有這個JSON

{
  "Day": "Monday",
  "Start_Time": "08:00"
},
{
  "Day": "Tuesday",
  "Start_Time": "10:00"
},
{
  "Day": "Thursday",
  "Start_Time": "08:00"
}

所以我試着讓這幾天出現在帶有這些選項的html select項目中。 像這樣的東西

<select>
 <option>Monday 08:00</option>
 <option>Tuesday 10:00</option>
 <option>Thursday 08:00</option>
</select>

當用戶更改選項時，我想打印出他所做的新選項，這里我被卡住了。

到目前為止我做了什么。

  <select ng-if="student.diwro" >
                    <option ng-repeat="x in modules" ng-selected="student.diwro == x.Anatheseis_Id" >{{x.Day}} {{x.Start_Time}}</option>
                  </select>

但是html元素option沒有ng-change 。

我知道如何控制日志變更的日子？

非常感謝！

Answer 1

<select ng-if="student.diwro" ng-change="change()" ng-model="selectedValue">
    <option ng-repeat="x in modules" ng-selected="student.diwro == x.Anatheseis_Id" >{{x.Day}} {{x.Start_Time}}</option>
</select>

Answer 2

使用更可定制的ng-options ，

 'use strict'; var app = angular.module('myApp', []); app.controller('AppCtrl', function($scope){ $scope.student = {} $scope.modules = [ { "key": "all", "value": "For any event on all my projects" }, { "key": "selected", "value": "For any event on the selected projects only..." }, { "key": "only_my_events", "value": "Only for things I watch or I'm involved in" }, { "key": "only_assigned", "value": "Only for things I am assigned to" }, { "key": "only_owner", "value": "Only for things I am the owner of" }, { "key": "none", "value": "No events" } ]; $scope.setdiwro = function() { alert($scope.student.diwro.key) } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script> <div ng-app="myApp"> <div ng-controller="AppCtrl"> {{message}} <br /> <!--Options value is defualt 0, 1 ... and it's non change able --> <span>Default Otions:</span> <select ng-model="student.diwro" ng-options="x.key for x in modules" ng-change="setdiwro()"> <option value="">Select A Value</option> </select> <br /> <br /> </div> </div>