앵글 스트랩 선택이 부트 스트랩 모달과 함께 작동하지 않음

Question

처음으로 데이터를로드하고 부트 스트랩 모달 팝업 창에서 '편집'을 위해 첫 번째 행을 클릭 할 때마다 모달 창 안의 멀티 선택 드롭 다운 (AngularStrap에서) 오류 : '정의되지 않음'이 개체가 아닙니다 ('. $와 일치합니다. [a] .value') 이며 예상대로 작동하지 않습니다. 그러나 같은 목록에서 다른 데이터를 클릭하고 편집 할 첫 번째 페이지로 돌아 오면 모든 것이 올바르게 작동합니다.

도와주세요.

Answer 1

angularJS ng-options 형식의 문제 일 수 있습니다. ng-options 형식을 제공 한 후에는 여기에서 문제가 없습니다.

잘못된 형식 :

JS

$scope.selectedFruits = ""; 
$scope.selectedFruits = ['Apple', 'Orange']; 
$scope.fruits = [ 
{value: 'Mango'}, 
{value: 'Apple'}, 
{value: 'Orange'}, 
{value: 'Papaya'}]; 

HTML

<button type="button" class="btn btn-default" ng-model="selectedFruits" data-html="1" data-multiple="1" data-animation="am-flip-x" ng-options="fruit.value for fruit in fruits" bs-select> 
    Action <span class="caret"></span> 
</button> 

예상 형식 :

JS

$scope.fruits = [ 
{value: 'Mango', label: 'Mango'}, 
{value: 'Apple', label: 'Apple'}, 
{value: 'Orange', label: 'Orange'}, 
{value: 'Papaya', label: 'Papaya'}]; 

HTML

<button type="button" class="btn btn-default" ng-model="selectedFruits" data-html="1" data-multiple="1" data-animation="am-flip-x" ng-options="fruit.value as fruit.label for fruit in fruits" bs-select>Action <span class="caret"></span></button>