ASP.NET MVC下使用AngularJs語言(六)：獲取下拉列表的value和Text

前面Insus.NET有在Angularjs實現DropDownList的下拉列表的功能。但是沒有實現怎樣獲取下拉列表的value和text功能。

下面分別使用ng-click和ng-change來實現。

先參考這篇《ASP.NET MVC下使用AngularJs語言(三)：ng-options》http://www.cnblogs.com/insus/p/8527395.html

 在此篇的的angularjs的控制器添加select的代碼：

 

 $scope.GetValue = function () {
            var value = $scope.ddlPhones.ID;
            var text = $scope.ddlPhones.Name;
            $window.alert("選擇的Value: " + value + "\n選擇的Text: " + text);
        }

 

然后有ASP.NET MVC的視圖中，添加一個銨鈕：

 

演示：

 

 

另外一個功能環境，是使用ng-change來實現。這個往往是在下拉列表選擇變化時，作來事件的反應。

實現之前，先參考另一篇《ASP.NET MVC下使用AngularJs語言(五)：ng-selected》http://www.cnblogs.com/insus/p/8530354.html

 

打開這篇的angularjs的controller javascript代碼，我們添加ng-change的程序：

 

 

 $scope.GetValue = function () {
            var value = $scope.SelectedCar.ID;
            var text = $scope.SelectedCar.Name;
            $window.alert("選擇的Value: " + value + "\n選擇的Text: " + text);
        }

 

下面再來看看html的程序：為了能獲取text的值。Insus.NET得對原有的html代碼，稍作修改：

OK了，看看結果如何：