2013-07-07 4 views
0

각도 사용 NG-옵션에서 선택한 옵션 (들)의 텍스트를 얻을 수 있습니다. 내 질문은하지 [ "월"] 나는 월요일 옵션을 클릭하고, 또한 어떻게 얻을 월, 목 때 다중 선택 월요일과 목요일 (월 단지 텍스트 을 얻을하는 방법입니다 OFC, 당신은 요점을 파악 : 화요일, 수요일, 화요일, 수요일과 토요일 옵션이 선택 토). 나는 명백한 무언가를 놓치고 있어야하므로 올바른 방향으로 나를 조종 해주십시오.어떻게 내 코드가 <a href="http://jsfiddle.net/8TwSH/" rel="nofollow">jsFiddle</a> 여기에, 그리고 아래에 그 코드의 C/P입니다

HTML :

<div ng-app ng-controller="Controller"> 
    <select multiple="multiple" ng-model="day" ng-options='day.id as day.name for day in days'></select> 

    {{day}} 
</div> 

JS :

function Controller($scope) { 
    $scope.days = [ 
     { 
      name: "Monday", 
      id: "Mon" 
     }, 
     { 
      name: "Tuesday", 
      id: "Tue" 
     }, 
     { 
      name: "Wednesday", 
      id: "Wed" 
     }, 
     { 
      name: "Thursday", 
      id: "Thu" 
     }, 
     { 
      name: "Friday", 
      id: "Fri" 
     }, 
     { 
      name: "Saturday", 
      id: "Sat" 
     }, 
     { 
      name: "Sunday", 
      id: "Sun" 
     } 
    ];  
} 
+0

나는 당신이 원하는 것을 이해 확실하지 않다 . 당신이 얻는 것은 선택된 모든 옵션 ID를 포함하는 배열입니다. 대신에 무엇을 갖고 싶니? 어떻게 배열을 통해 반복하고 당신이 원하는대로로 변환하지 못하도록? –

+0

안녕하세요 JB Nizet, 당신의 의견을 들으. 그 다음 확실히 제가 원하는대로 배열과 함께 할 수 있도록하는 것처럼 어떻게 HTML에서 {{하루}} 변수를 통해 루프, 이해를 결여하고있다. – Nikola

답변

1

여기서 문자열로 배열 변환 직접 페이지 문자열로 표시 an example 같습니다

JS :

,617,
$scope.selectedDaysToString = function() { 
    return $scope.day.join(', '); 
} 

HTML : 여기

{{selectedDaysToString()}} 

과를 선택한 모든 일을 포함하는 목록을 생성 an example입니다 :

HTML :

<ul> 
    <li ng-repeat="d in day">{{d}}</li> 
</ul>