Angular Jsでカスタムhtml要素の値を取得する方法

Question

Webアプリケーションを作成するためのブーストラップ管理WebアプリケーションAngulrを使用していますが、角度要素から値を読み取る方法が問題です。

これは要素の外観です。

<ui-select ng-model="selected" theme="bootstrap" ng-change='test()'> 
<ui-select-match placeholder="Select by typing client's name or number">{{$select.selected.first_name}}</ui-select-match> 
<ui-select-choices ng-value='mikeee' group-by="'group'" repeat="id_number in clients_list | filter: $select.search"> 
      <span ng-bind-html="id_number.first_name + ' - ' | highlight: $select.search"></span> 
      <small ng-bind-html="id_number.registration_number | highlight: $select.search"></small> 
     </ui-select-choices> 
     </ui-select> 

とテスト（）関数：

$scope.test = function() 
{ 
    var selectedValue = $.param({ 
     client_number : $scope.selected, 
    }); 

    alert(selectedValue) 
} 

要素の変化の値が、私は警告ボックスを取得するが、Client_numberは空です。 ありがとうございます。

Answer 1

angular 
 
    .module('myApp', []) 
 
    .run(function($rootScope) { 
 
    $rootScope.title = 'myTest Page'; 
 
    }) 
 
    .controller('testController', ['$scope', 
 
    function($scope) { 
 

 
     $scope.test = function() { 
 
     var selectedValue = serializeData({ 
 
      client_number: $scope.selected 
 
     }); 
 

 
     alert(selectedValue) 
 
     } 
 

 

 

 
     function serializeData(data) { 
 
     // If this is not an object, defer to native stringification. 
 
     if (!angular.isObject(data)) { 
 
      return ((data == null) ? "" : data.toString()); 
 
     } 
 

 
     var buffer = []; 
 

 
     // Serialize each key in the object. 
 
     for (var name in data) { 
 
      if (!data.hasOwnProperty(name)) { 
 
      continue; 
 
      } 
 

 
      var value = data[name]; 
 

 
      buffer.push(
 
      encodeURIComponent(name) + "=" + encodeURIComponent((value == null) ? "" : value) 
 
     ); 
 
     } 
 

 
     // Serialize the buffer and clean it up for transportation. 
 
     var source = buffer.join("&").replace(/%20/g, "+"); 
 
     return (source); 
 
     } 
 
    } 
 
    ])

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<input ng-app="myApp" ng-controller="testController" ng-model="selected" theme="bootstrap" ng-change='test()' />