angularjs - vượt qua được lựa chọn các tài sản khác của đối tượng trên ng-change

Question

Làm thế nào tôi có thể nhận được các tài sản khác từ json tải trong danh sách thả xuống/ng-options

On ng-change Tôi cũng muốn vượt qua Loại chiến dịch được lựa chọn đối tượng.

Tôi có thể làm như thế nào?

Xem của tôi là trông như

<div ng-app> 
    <div ng-controller="cCtrl"> 
     <select ng-model="campaign" ng-options="c.id as c.name for c in campaigns" ng-change="search2(c.campaignType)"> 
      <option value="">-- choose campaign --</option> 
     </select> 
    </div> 
</div> 

My điều khiển này được tìm như thế này

function cCtrl($scope) { 

    $scope.campaigns = [{ 
     "custID": 1, 
     "custName": "aaa ", 
     "msgID": 3, 
     "msgName": "Email Test Msg", 
     "id": 2, 
     "name": "Email Test Campaign", 
     "description": "Test Campaign", 
     "campaignType": "Email", 
     "created": "1374229715", 
     "isActive": 1, 
     "isDeleted": 0 
    }]; 

$scope.search2 = function (campaignType) { 
     alert(campaignType); // not working 
     alert($scope.campaign.campaignType); // not working 
     //console.log($scope.campaign.campaignType); 

    } 

} 

http://jsfiddle.net/webtheveloper/Qgmz7/8/

Answer 1

Kiểm tra này ra: http://jsfiddle.net/Qgmz7/9/

Bạn đang không ở trong một bối cảnh ngRepeat. ngOptions hoạt động hoàn toàn khác nhau.

ngModel trên <select> sẽ nhận được giá trị của <option>, không phải toàn bộ đối tượng. Một lần nữa, bạn không ở trong một ngRepeat, bạn không có quyền truy cập vào các đối tượng của bạn.

Không cần chuyển giá trị làm thông số, bạn có thể lấy giá trị từ $scope. Như một vấn đề của thực tế, bạn không cần ngChange một trong hai, bạn có thể chỉ $scope.$watch('campaign', ...)

Vì vậy

$scope.search2 = function() { 
    console.log($scope.campaign); 
} 

Answer 2

Thay vì đi qua trong một thuộc tính, bạn có thể vượt qua các đối tượng được chọn vào chức năng như thế này

<select ng-model="campaign" ng-options="c.name for c in campaigns" ng-change="search2(campaign)"> 

Working Demo

Answer 3

Bạn cũng có thể thử theo cách này (Hack chúng ta có thể nói),

<select ng-model="campaign" ng-options="c.id as c.name for c in campaigns" ng-change="search2(campaign,campaigns)"> 
     <option value="">-- choose campaign --</option> 
</select> 

Về cơ bản những gì đoạn mã này sẽ làm là nó sẽ chỉ vượt qua ng-mô hình cùng với toàn bộ danh sách thả xuống ng-change. Vì vậy, trong tìm kiếm2 Chức năng, bạn chỉ có thể tìm kiếm giá trị ng-model vào danh sách đó và nhận đối tượng mong muốn của bạn.

Fiddle để tham khảo: https://jsfiddle.net/vaibhavgavali92/7b7xdyzj/8/