기본적으로 selected 및 angularJS를 사용하여 옵션을 선택합니다.

기본적으로 옵션이 선택되어 있지 않은 이유는 무엇입니까, 값은 하드 코딩되어 있으며 옵션 태그에는 'selected'속성이 명시 적으로 추가되었지만 작동하지는 않습니다. 나는 또한 selected="selected"을 시도했지만 여전히 작동하지 않습니다. 보기기본적으로 selected 및 angularJS를 사용하여 옵션을 선택합니다.

: 당신은 여러 속성을 가지고 있지 않은 경우

<div class="controls"> 
      <select chosen="" data-ng-model="assignments" multiple="" 
        class="span chzn-select" style="width: 150px"> 
       <option value="Police">Police</option> 
       <option selected value="Reporter">Reporter</option> 
       <option value="Developer">Developer</option> 
      </select> 
     </div>

출처

2016-08-05 XDProgrammer

는 당신이 시도했던'NG-선택 =' "true"로? – plong0

이것은 작동합니다. 다중 선택을 사용하여이 작업을 수행하려면 ng-options을 사용하여 설정 한 다음 선택해야 할 배열을 저장해야합니다. https://jsfiddle.net/btqLg76v/1/

JS :이 바이올린을 참조

var app = angular.module('MyApp', []); 

app.controller('MyController', function($scope) { 
    $scope.selectOptions = ['Police','Reporter','Developer']; 
    $scope.assignments = [$scope.selectOptions[0],$scope.selectOptions[2]]; 
    console.log($scope.assignments); 
});

HTML :

<body ng-app="MyApp"> 
    <div ng-controller="MyController"> 
    <select ng-model="assignments" ng-options="selectOptions for selectOptions in selectOptions" multiple> 
    </select> 
    </div> 
</body>

출처

2016-08-05 23:45:33 Ronnie

* "ng-options"*를 사용하여 설정해야합니다. 글쎄, 나는 계속 나아가 야한다 : 물론 ngOptions 지시어를 사용하는 것이 좋다. 그러나 그가 원한다면 그는 그렇게 할 수있다. – developer033

안녕하세요, 코드에 대한 감사, 정말 가까이 생각, 내 첫 번째 구현에서 사용할 수있었습니다. 하지만 api에서'http.get '을 사용하여 요청하는 것과 같은 비동기 작업이 포함 된 경우에는'then'에서 선택한 옵션 인 $ scope.assignments = // 요청이 반환하는 값을 설정합니다. – XDProgrammer

기본적으로 selected 및 angularJS를 사용하여 옵션을 선택합니다.

답변

관련 문제