angularjs로 선택에서 ng-options를 사용할 때 옵션 값을 설정하는 방법

pythonian29033

DB에있는 레코드의 외래 키를 업데이트하기 위해 테이블의 id 필드를 게시해야하는 문제가 있지만 ng-options속성을 사용 하여 선택 옵션을 채우고 있습니다. 온라인으로 검색 한 결과 ng-model="dataSet.desiredColumnName"내가 선택한 다른 열의 값을 변경하는 데 사용해야하는 값을 설정하기 위해

그래서 저는이 html 조각을 선택했습니다.

<select id="affiliation" ng-model="affiliationTable.affiliation_id" ng-change="alert(jQuery('#affiliation option:selected').val());" name="affiliation" ng-options="row.desc for row in affiliationTable"></select>

문제는 내 html 테이블의 어떤 행을 클릭했는지에 따라 특정 옵션을 선택하고 싶습니다. 테이블은 다음과 같이 정의됩니다.

<tr ng-repeat="row in tableData">
    <!--{{row.name}}-->
    <td>
        <a href='#' ng-click="invokeModal(row);" id="{{row.id}}">{{row.name}}</a>
    </td>
    <td>{{row.active}}</td>
    <td>{{row.end_date}}</td>
    <td>{{row.start_date}}</td>
</tr>

invokeModal은 선택된 행을 사용하여 select # affiliation에서 선택할 옵션을 결정합니다.

$scope.invokeModal = function (row) { //memberDescription
    if(row == undefined){
        //blah blah ...
    }else{
        //blah blah ...
        angular.forEach($scope.affiliationTable, function (affiliation) {
            if (affiliation.id == row.affiliation_id) {
                $scope.affiliationTable.affiliation_id = affiliation.affiliation_id;
            }
        });
    }
        //invokes the modal window that select#affiliation is held within
    jQuery("#mem").modal('show');
};

내 문제는 선택 시작 부분에 빈 옵션을 추가하고 해당 옵션을 선택하는 것처럼 보입니다. . .wtf?

Chandermani

ng-option 표현을 수정해야한다고 생각합니다.

row.id as row.desc for row in affiliationTable

코드에서 모델 속성을 할당 할 때 선택 항목의 ng-model 값은 동일한 유형이어야합니다. 테이블의 id 속성을 할당하고 있으므로 선택시 모델을 id현재 전체 행 개체로 설정중인 속성 으로 업데이트해야 합니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

ng-options를 사용할 때 선택에 여러 ng-if 옵션을 사용할 수없는 이유

분류에서Dev

angularjs의 ng-options를 사용하여 선택 상자에서 여러 옵션을 선택하십시오.

분류에서Dev

사용자가 메뉴에서 옵션을 선택할 때까지 일정하게 마우스를 사용하여 메뉴를 선택하는 방법

분류에서Dev

Angular의 Reactive Form에서 개체를 사용할 때 프로그래밍 방식으로 선택 옵션을 설정할 수없는 이유

분류에서Dev

Blazor에서 옵션을 선택할 때 코드를 실행하는 방법

분류에서Dev

ng-model 값이 다르기 때문에 ng-select를 사용하여 옵션을 선택하는 문제

분류에서Dev

firebase 데이터베이스 및 ng-repeat를 사용하여 선택 옵션을 설정하는 방법

분류에서Dev

Materialise CSS를 사용할 때 선택 옵션을 동적으로 생성하는 방법

분류에서Dev

선택 옵션에서 옵션을 선택할 때 텍스트 영역을 추가하는 방법

분류에서Dev

AngularJS에서 "ng-options"를 사용하여 옵션 채우기

분류에서Dev

AngularJS에서 옵션 선택과 함께 ng-options 사용

분류에서Dev

angularjs에서 선택 옵션 값을 전달하는 방법

분류에서Dev

특정 옵션을 선택할 때 텍스트를 표시하는 방법

분류에서Dev

사용자가 jQuery에서 옵션을 선택할 때 선택 상자 값과 가격을 얻는 방법은 무엇입니까?

분류에서Dev

angularjs 및 ng-repeat를 사용하여 다른 선택 태그에서 옵션을 선택하여 선택 태그를 비활성화했습니다.

분류에서Dev

React.js의 다른 드롭 다운에서 옵션을 선택할 때 드롭 다운 값을 재설정하는 방법

분류에서Dev

사용자가 이전 요소에서 옵션을 선택할 때 숨겨진 요소를 표시하는 방법

분류에서Dev

주요 활동에서 버튼을 클릭 할 때 선택한 스피너 옵션의 텍스트를 기반으로 다른 활동에서 제목을 설정하는 방법

분류에서Dev

EasyAdmin 3.x에서 autocomplete ()를 사용할 때 AssociationField 선택 레이블을 설정하는 방법

분류에서Dev

Windows 10에서 화면 해상도를 1366 x 768로 설정하는 방법-이 옵션을 선택할 수없는 경우?

분류에서Dev

PHP에서 선택한 옵션을 동적으로 설정하는 방법

분류에서Dev

ng-options를 사용하여 생성 된 html 드롭 다운에서 기본값을 설정하는 방법

분류에서Dev

ForEach 메서드를 사용할 때 기본값을 Range <Int>로 설정하는 방법은 무엇입니까?

분류에서Dev

GROUP BY를 사용할 때 파티션 내에서 최상의 행을 선택하는 방법

분류에서Dev

jquery에서 값이없는 옵션에 대해 true로 선택된 속성을 설정하는 방법

분류에서Dev

새 옵션을 선택할 때 이전에 선택한 옵션을 제거하는 방법

분류에서Dev

드롭 다운 상자의 옵션을 선택할 때 Excel에서 테이블의 데이터를 자동으로 채우는 방법은 무엇입니까?

분류에서Dev

"다중 선택"에서 하나의 옵션을 선택할 때 다른 선택에서 제거 (및 반대로)

분류에서Dev

dopdown vue에서 옵션을 선택할 때 호출 방법

Related 관련 기사

  1. 1

    ng-options를 사용할 때 선택에 여러 ng-if 옵션을 사용할 수없는 이유

  2. 2

    angularjs의 ng-options를 사용하여 선택 상자에서 여러 옵션을 선택하십시오.

  3. 3

    사용자가 메뉴에서 옵션을 선택할 때까지 일정하게 마우스를 사용하여 메뉴를 선택하는 방법

  4. 4

    Angular의 Reactive Form에서 개체를 사용할 때 프로그래밍 방식으로 선택 옵션을 설정할 수없는 이유

  5. 5

    Blazor에서 옵션을 선택할 때 코드를 실행하는 방법

  6. 6

    ng-model 값이 다르기 때문에 ng-select를 사용하여 옵션을 선택하는 문제

  7. 7

    firebase 데이터베이스 및 ng-repeat를 사용하여 선택 옵션을 설정하는 방법

  8. 8

    Materialise CSS를 사용할 때 선택 옵션을 동적으로 생성하는 방법

  9. 9

    선택 옵션에서 옵션을 선택할 때 텍스트 영역을 추가하는 방법

  10. 10

    AngularJS에서 "ng-options"를 사용하여 옵션 채우기

  11. 11

    AngularJS에서 옵션 선택과 함께 ng-options 사용

  12. 12

    angularjs에서 선택 옵션 값을 전달하는 방법

  13. 13

    특정 옵션을 선택할 때 텍스트를 표시하는 방법

  14. 14

    사용자가 jQuery에서 옵션을 선택할 때 선택 상자 값과 가격을 얻는 방법은 무엇입니까?

  15. 15

    angularjs 및 ng-repeat를 사용하여 다른 선택 태그에서 옵션을 선택하여 선택 태그를 비활성화했습니다.

  16. 16

    React.js의 다른 드롭 다운에서 옵션을 선택할 때 드롭 다운 값을 재설정하는 방법

  17. 17

    사용자가 이전 요소에서 옵션을 선택할 때 숨겨진 요소를 표시하는 방법

  18. 18

    주요 활동에서 버튼을 클릭 할 때 선택한 스피너 옵션의 텍스트를 기반으로 다른 활동에서 제목을 설정하는 방법

  19. 19

    EasyAdmin 3.x에서 autocomplete ()를 사용할 때 AssociationField 선택 레이블을 설정하는 방법

  20. 20

    Windows 10에서 화면 해상도를 1366 x 768로 설정하는 방법-이 옵션을 선택할 수없는 경우?

  21. 21

    PHP에서 선택한 옵션을 동적으로 설정하는 방법

  22. 22

    ng-options를 사용하여 생성 된 html 드롭 다운에서 기본값을 설정하는 방법

  23. 23

    ForEach 메서드를 사용할 때 기본값을 Range <Int>로 설정하는 방법은 무엇입니까?

  24. 24

    GROUP BY를 사용할 때 파티션 내에서 최상의 행을 선택하는 방법

  25. 25

    jquery에서 값이없는 옵션에 대해 true로 선택된 속성을 설정하는 방법

  26. 26

    새 옵션을 선택할 때 이전에 선택한 옵션을 제거하는 방법

  27. 27

    드롭 다운 상자의 옵션을 선택할 때 Excel에서 테이블의 데이터를 자동으로 채우는 방법은 무엇입니까?

  28. 28

    "다중 선택"에서 하나의 옵션을 선택할 때 다른 선택에서 제거 (및 반대로)

  29. 29

    dopdown vue에서 옵션을 선택할 때 호출 방법

뜨겁다태그

보관