Angular.js: 기능: ngTrueValue는 문자열이 아닌 값을 허용해야 합니다.

ngTrueValue 의 목적에 대해 완전히 확신할 수 없지만 한 경우에 대해 컨트롤러에 시계를 추가하기 위한 편의 지시문처럼 보입니다. 일부 모델을 복잡한 값으로 설정하려는 경우 확인란의 모델에 $scope.$watch 를 넣고 그에 따라 범위의 모델을 수정하는 것이 더 깔끔할 수 있습니다.

@coli , 염두에 둔 특정 사용 사례가 있습니까? @IgorMinar , @mhevery , @vojtajina , 여러분은 어떻게 생각하세요?

사용 사례는 실제로 매우 일반적입니다.

나는 say $scope.categories=[{id:5,name:"First"},...}에 say category 객체의 배열을 가지고 있습니다.

그런 다음 해당 범주의 하위 집합을 포함하는 selectedCategories 배열이 있습니다.

일부 카테고리(페이징)에 체크박스를 표시하고 싶은데 체크박스를 체크하거나 체크를 해제하면 selectedCategories가 변경됩니다.

실제로 위의 지원을 추가하기 위해 기본 체크박스 동작을 덮어쓰는 지시문을 작성했습니다. 필요한 경우 코드를 공유할 수 있습니다.

내 사용법은 다음과 같이 끝났습니다. 내 경우와 같이 개체 비교를 수행하기 위해 keyField가 필요했습니다. 선택한 그룹 개체와 그룹 개체는 처음에 약간 다를 수 있습니다(2개의 다른 백엔드 API에서 가져옴).

<ng-repeat="group in groups>
    <input type='checkbox' ng-model="selectedArray" ng-true-value="group" mi-checkbox="{keyField:'id'}">
</>

젠장, 작동하지 않는 것을 발견하고 실망했던 훨씬 더 간단한 사용 사례가 있습니다. 문자열이 아닌 정수가 필요합니다!

템플릿을 사용하여 확인란 컨트롤을 렌더링하고 있습니다. 이 경우 실제 값을 알 수 없으며 해당 값은 렌더링하려는 특정 제어 정보에 따라 다릅니다.

나도 ng-true-value가 표현식이기를 선호합니다. 체크박스 수가 런타임에 결정되면 시간 초과 래퍼가 있는 범위 메서드에 의존해야 합니다.

+1. ng-true-value로 표현 지원

+1 ng-true-value의 정수 지원

문자열 대신 표현식의 경우 +1

+1 지원 표현!

표현식의 경우 +1

+1 지원 개체:

<div ng-repeat="group in groups">
    <input type='checkbox' ng-model="array[$index]" ng-true-value="group" />
</div>

@coli 당신이 작성한 지시문을 공유해 주시겠습니까? 이 문제가 아직 고려 중일 때 큰 도움이 될 것입니다. 아마도 요점에서?

@brab 불행히도 이전 작업에서 작성했지만 기본적으로 확인란에 대한 내장 코드와 유사하며 사용자 지정 지시문에 복사/붙여넣기하고 표현식 지원을 추가했습니다. (+ 내장된 것을 제거하는 추악한 해킹)

표현은 훌륭할 것입니다! 그러나 정수에 대한 JavaScript 진리 테스트도 예상됩니다. $resource를 사용하여 데이터베이스 부울에서 정수 값(1 또는 0)을 반환하는 개체를 채웁니다. 그런 다음 입력의 ng-model이 바인딩되는 $scope에 연결됩니다. ng-true-value="1"을 설정하면 정수 1을 true로 인식하지 못하고 확인란을 선택한다는 사실에 정말 놀랐습니다. 그 동안 언급된 다른 방법을 살펴보겠습니다.

+1

표현식의 경우 +1

+1. ng-true-value로 표현 지원

지원 표현에 +1!
제 경우에는 양식을 동적으로 작성해야 합니다.
예: http://jsfiddle.net/federosky/N8Wjm/5/

정수의 경우 +1

정수의 경우 1+

정수(또는 모든 JS 번호)의 경우 +1

:+1: 표현을 지원해 주세요! 제발! 제발! :-)

적어도 정수 지원, 바람직하게는 표현식의 경우 +1입니다.

누군가가 지원 번호에 대한 PR을 제출하는 것은 어떻습니까?

표현식의 경우 +1

정수의 경우 +1

정수의 경우 +1

+1

:+1: 표현식용.

+1. 페이지에서 '표시' 확인란으로 표시되어야 하는 부울 속성 '숨김'이 있을 때 문제가 발생합니다. 따라서 FALSE를 의미하려면 'checked' 상태가 필요하고 'TRUE'를 의미하려면 unchecked 상태가 필요합니다.

이 문제에 대한 쉬운 해결 방법이 무엇인지 궁금합니다. 간접 바인딩에 사용하기 위해 자체 확인란 지시문을 작성하거나 역 보조 부울 속성으로 범위를 오염시키는 것을 정말 좋아하지 않습니다.

이것은 구현하기가 매우 간단할 것입니다. 자기 전에 시도해 보겠습니다.

내 패치는 상수 표현식만 지원하지만 사람들이 정말로 그것을 필요로 한다면 어떤 표현식이라도 충분할 것이라고 생각합니다. 하지만 이것이 브레이킹 체인지를 일으키지 않는 가장 쉬운 방법이었습니다.

+1

+1

+1

정수 유형의 경우 +1

+1

표현식의 경우 +1

+1

+1

+1

+1

:+1:

다음은 지금 필요한 해킹입니다(많은 WTF).

<input type="checkbox" ng-model="fake" ng-checked="!notChecked" ng-change="notChecked = !notChecked"/>

+1

+1 "+1"의 2년이 되었습니다. 왜 아직 지원하지 않습니까?

@jancarloviray , +1

너무 나쁩니다. 이것은 상황이 더 복잡해 졌다는 것을 의미합니다.
예전에 사용하던
ng-true-value="{{proxyOnValue}}"
여기서 proxyOnValue는 컨트롤러에서 초기화되었습니다.
(실제 값이 다른 HTTP/HTTPS/FTP/POP3/SMTP 프록시 구성에 대해 동일한 보기가 재사용됩니다.)

이제 나는 시도했다
ng-true-value="proxyOnValue"
그러나 표현식이 일정하지 않기 때문에 예외가 발생합니다.

따라서 이것은 간단한 구현(ngTrueValue)을 더 복잡한 구현(watch 또는 Object.defineProperty)으로 교체해야 한다는 것을 의미하므로 실제로는 의도한 것과 반대입니다.

왜 이런 인위적인 제한을 합니까?
단지

• 모델이 변경되거나 사용자가 확인란을 클릭할 때마다 ngTrueValue/ngFalseValue의 현재 값을 사용합니다.
• 좋은 측정을 위해 ngTrueValue/ngFalseValue 표현식에 대한 내부 감시가 있고(일정하지 않은 경우) 감시가 트리거될 때 확인란 상태를 업데이트합니다.

@eekboom - 보간법을 계속 사용할 수 있습니다. http://plnkr.co/edit/LQ6OpFjkjiFLxxMJ9hxj?p=preview

@petebacondarwin - 그는 보간법을 사용할 수 있지만 도움이 되지 않습니다: http://plnkr.co/edit/nNwjEkPIDJwe60HWX950?p=preview
값은 한 번만 확인됩니다. 이후 변경 사항은 계산에 반영되지 않으므로 항상 초기 값만 사용됩니다.

@dliebscher - 내 이해는 @eekboom 이 한 번만 초기화하기를 원한다는 것입니다.

이전에는 컨트롤러에서 proxyOnValue가 초기화된 ng-true-value="{{proxyOnValue}}" 를 사용했습니다.

예 및 아니오: 한 번만 초기화하고 싶지만 프록시 구성이 xhr을 통해 로드된 후에만 초기화됩니다. 따라서 뷰가 초기화된 후 (undefined에서) 한 번 변경됩니다.

@eekboom
1.2에서 마이그레이션할 때 다음으로 전환했습니다.

ng-true-value="{{proxyOnValue}}"

에게

ng-true-value="'{{proxyOnValue}}'"

작동하지만 바보처럼 보입니다.

방금 흥미로운 깨달음을 얻었습니다. 내가 하려고 했던 것 - 그리고 그 모습에서 볼 때 많은 분들이 하려고 했던 것 - 실제로 다음을 통해 수행할 수 있습니다.

ng-true-value="{{ myVariable | json }}"

이것은 문자열 값, 부울 및 숫자를 지원합니다. 내가 실제로 이것을 좋아하는지 여부는 아직 확실하지 않지만 확실히 재미있었습니다. 그리고 아마도 이것은 다른 누군가를 도울 것입니다.

getu-lar 나는 당신이 말한 것을 시도했는데 복잡한 개체로 작동합니다. ng-false-value="{}" 로 채워진 ng-false-value에서 데이터를 처리하기 전에 필터를 전달하여 배열에서 모든 거짓 값을 차단합니다. 감사합니다!

getu-lar 의 솔루션이 저에게 효과적이었습니다. 감사 해요.

"101_3"과 같이 밑줄이 있는 문자열로 해석되는 표현식을 사용하려고 했습니다. 나는 getu-lar 의 솔루션을 사용했고 간단하게 작동합니다. 그래도 해킹처럼 느껴집니다. 공유해 주셔서 감사합니다!

표현식의 경우 +1

+1

Angular 팀이 1.x 시리즈에 대해 정상적인 체크박스 지시문을 제공할 것이라는 희망이 별로 없는 것 같습니다... 너무 어려울 수는 없습니다. 표현식 지원은 필수 인용으로 인해 완전히 이전 버전과 호환됩니다.

그때까지 제안된 해결 방법이 저에게 효과적입니다.

ng-true-value="{{ myVariable | json }}"

myVariable 가 컨트롤러에 정의되어 있는지 확인하십시오. 포스트 링크에서 정의하려고했지만 작동하지 않았습니다.