Angularjs 无法获取范围中的选择值

我有一个类似js fiddle的代码。这是非常基本的，我尝试在使用scope变量更改select时获取它的值。但是我不能。有什么具体的原因使它不能工作吗

    <div ng-controller="myCtrl">
        <select
            ng-model="myOption"
            ng-options="value.id as value.label group by value.group for value in myOptions" ng-change="selectedValue()">
                <option>--</option>
        </select>
        <div>
            ng-model value: {{myOptionnew}}
        </div>
    </div>

var app = angular.module('myExample', []);

function myCtrl($scope) {
    $scope.myOptions = [{
            "id": 106,
            "group": "Group 1",
            "label": "Item 1"
        },{
            "id": 107,
            "group": "Group 1",
            "label": "Item 2"
        },{
            "id": 110,
            "group": "Group 2",
            "label": "Item 3"
        }];

    $scope.selectedValue = function()
    {
        alog($scope.myOption);   
        $scope.myOptionnew = $scope.myOption;
    }
};

--
ng模型值：{myOptionnew}
var app=angular.module（'myExample'，[]）；
函数myCtrl（$scope）{
$scope.myOptions=[{
“id”：106，
“组”：“第1组”，
“标签”：“第1项”
},{
“id”：107，
“组”：“第1组”，
“标签”：“第2项”
},{
“id”：110，
“组”：“第2组”，
“标签”：“第3项”
}];
$scope.selectedValue=函数（）
{
alog（$scope.myOption）；
$scope.myOptionnew=$scope.myOption；
}
};

HTML：

<div ng-controller="myCtrl">
<select
    ng-model="myOption"
    ng-options="value.id as value.label group by value.group for value in myOptions">
        <option>--</option>
</select>
<div>
    ng-model value ID: {{myOptionnew}}
</div>

---

我用了$watch试试这个

在小提琴中，未定义函数

alog

。因此，接下来的赋值不会发生

删除

alog

或将其替换为

$log.log

：

作为旁注，如果希望显示默认空选项，还需要将其添加到

value=“

：

 <option>--</option>

--

应该是：

<option value="">--</option>

--

<option value="">--</option>