2014-04-21 3 views
0

AngularJs를 처음 사용하고 다른 선택 상자를 변경할 때 선택 상자의 선택된 옵션을 변경하려고합니다. 여기 AngularJs의 이벤트에서 선택한 옵션을 변경하십시오.

<select class="form-control" id="select-01new" ng-model="applicationOption" ng-change="AppChange(applicationOption)"> 
<option value="">Please Select</option> 
<option ng-repeat="act in applicationOptions" value="{{act._id}}">{{act.name}}</option> 
</select> 

<select data-ng-model="posture.Value" id="scurityPosture" data-ng-options="act as act for act in activities" class="form-control">     
</select> 

는 컨트롤러 :

sampleApp.controller('CreateAppController', function ($scope, AppDataService) { 
    $scope.posture = { 
      name: "Dani", 
      Value: "Low" 
     }; 
     $scope.activities = 
     [ 
      "High", 
      "Medium", 
      "Low" 

     ]; 
$scope.AppChange = function() { 
     AppDataService.save($scope.applicationOption).then(
      function (datac) { 
       $scope.posture = { name: "Dani", Value: "High" }; 
      }); 
    } 

    }); 

당신이 볼 수, 첫 번째 선택 상자에 ng-change

그래서이 추천 선택 상자가 있습니다. 첫 번째 선택 상자의 옵션을 변경할 때마다 컨트롤러에 정의 된 함수가 실행됩니다. 이 함수에서 두 번째 선택 상자의 값이 변경됩니다. 하지만 기능의 일부가 작동하지 않습니다.

제발 도와주세요. 미리 감사드립니다.

+0

제발, 제발 ... – gkalpak

답변

0

첫 번째 선택 상자를 변경할 때마다 AppChange 메서드가 실행되고 AppDataService에서 '저장'메서드가 트리거됩니다. 여기에, 약속의 객체가 '다음'방법 (see $q service documentation)을 통해 AJAX 호출의 결과에 대한 액세스를 제공합니다

다음 (successCallback, errorCallback, notifyCallback) -에 관계없이 의 약속이었다 또는 해결되거나 거부 될 때, 결과가 인 경우 비동기 적으로 성공 또는 오류 콜백 중 하나를 이라고 부릅니다.

위의 컨트롤러에서 오류가있는 동안 성공 콜백 만 제공하고 성공 코드는 실행되지 않습니다.

먼저 성공 콜백이 실행되었는지 확인하고 디버그를 추가로 수행해야합니다. 내 추측으로는 서버에서 오류가 발생하고 성공 상태에 도달하지 못한다는 것입니다.

관련 문제