2014-10-24 2 views
0

시작 시간과 종료 시간이있는 곳에서 양식을 만들려고하는데, 그 중 angular strap을 사용하고 있습니다. 예상대로 시작 시간이 종료 시간 후 작아야하고, 종료 시간은 시작 시간 ==> 여기각도 최소 및 최대 시간이 작동하지 않습니다.

start time < end time 

보다 큰해야 내가 만든 plunker이며, 어떤 이유로 그것은대로 작동하지 않는 예상했다.

+0

의미 : 예상대로 작동하지 않음 – harishr

+0

두 시간 표시기가 서로를 제한하지 않는다는 것을 의미합니다. 플 런커보기 – vlio20

답변

0

저는이 컨트롤에 대한 경험이 없지만 {{}}을 사용해야한다고 생각합니다. 논리적으로도 약간의 문제가 있습니다. 그래서 그 대신

<input type="text" class="form-control" size="8" 
     ng-model="time1" max-time="time2" 
     ...> 

<input type="text" class="form-control" size="8" 
     ng-model="time2" max-time="time1" 
     ...> 

의 다음

<input type="text" class="form-control" size="8" 
     ng-model="time1" 
     ...> 

<input type="text" class="form-control" size="8" 
     ng-model="time2" min-time="{{ time1 }}" 
     ...> 

논리적 문제가 서로의 값을 참조, 모두 컨트롤에 max-time 설정을 한 것으로이었다 사용합니다. 따라서 time1은 time2보다 클 수 없으며 time2는 time1보다 클 수 없습니다. time1은 언제든지 입력하고 time2time1 이상이어야합니다.

또한, time1 값을 변경하면 time2min-time 즉시하지만 당신이 time2 자체를 변경 한 후 재평가를 일으키지 않는 것이 짜증나. 이런 식으로 작동해야하는지 모르겠다. 이것은 플 런커가 자주 던지고있는 Error:[$rootScope:inprog]과 관련이있다.