Angular.js: Textarea 자리 표시자 바인딩으로 인해 IE11에서 예외 발생

부모가 없는 TextNode(nodeType=3)에서 nodeValue에 액세스하려고 시도하는 ie10에서도 발생합니다.

// in function addTextInterpolateDirective()
node[0].nodeValue = value

https://github.com/angular/angular.js/issues/2614 와 관련이 있을 수 있습니까 ??

다음은 임시 해결 방법입니다... http://stackoverflow.com/a/20649762/1009125

나는 여전히 사용자 에이전트 스니핑보다 기능 스니핑을 선호합니다..... #2614의 내 게시물 참조

훌륭해 보이지만 이 경우 어떤 기능을 테스트할 수 있습니까? 즉....으윽

자리 표시자가 변경될 때 이벤트를 발생시키지 않는 기능(예:
다른 호에 게시한 스니펫(여전히 적용되는 것 같습니다))
2013년 12월 17일 21시 24분에 "Ender2050" [email protected] 이 다음과 같이 썼습니다.

훌륭해 보이지만 이 경우 어떤 기능을 테스트할 수 있습니까? 즉....으윽

—
이 이메일에 직접 답장하거나 Gi tHubhttps://github.com/angular/angular.js/issues/5025#issuecomment -30818022에서 확인하세요.
.

문서에서 알 수 있듯이 이러한 문제를 해결하는 가장 쉬운 방법은 placeholder="{{value}}" 에서 ng-attr-placeholder="{{value}}" 로 전환하는 것입니다.

@seckardt 쿨, ngAttr 에 대해 몰랐습니다. 해결 방법으로 사용자 지정 지시문을 작성했지만 이제 제거할 수 있습니다.

문서의 개발자 가이드 / 지시문에 있지만 API 참조에는 없습니다. 그곳에도 두면 좋지 않을까요?

그러나 이것은 이 오류를 발생시키는 placeholder 바인딩이 아닙니다. 이것은 동일한 동작으로 실패했습니다.

<textarea ng-model="foo">{{ foo }}</textarea>

보간은 중복되므로 이 경우 해결 방법은 {{ foo }} 를 제거하는 것이지만 이에 대한 오류 메시지가 너무 쓸모가 없다는 것은 일종의 성가신 일입니다. 문제를 찾기 전에 이 문제를 해결하는 데 몇 시간을 보냈습니다.

이 오류는 style="padding: 3px; background: {{l.Color}}; opacity: 0.7; border-radius: 5px" 스타일을 설정할 때도 발생합니다.

IE에서 작동하는 방식으로 이 표현식을 어떻게 대체할 수 있습니까?

이것은 IE의 알려진 문제입니다. 위에서 언급했듯이 ng-attr-style="..." 를 사용할 수 있습니다.

이 오류가 발생하는 모든 사용자는 텍스트 영역에 대해 전송된 인수를 찾습니다.

나는 angular 1.2.28을 사용하고 있습니다. 동일한 오류가 발생했습니다.
<textarea ng-model="data">{{data}}</textarea> 는 Mozilla에서 잘 작동합니다. 그러나 IE 11은 잘못된 인수 오류를 제공합니다. 이 코드 조각에 대해.
해결책:
<textarea ng-model="data"></textarea> 또는 <textarea>{{data}}</textarea>
ng-model에 바인딩하고 값을 직접 입력하면 논리적인 이 오류가 발생하는 것처럼 보입니다.
이것이 도움이 될 수 있다고 생각했습니다. 아무튼 이 포스팅이 많은 도움이 되었습니다.

이 오류는 (어떤 이유로든) IE가 일시적으로 <textarea placeholder="{{'foo'}}"></textarea> 을 <textarea placeholder="{{ 'foo' }}">{{ 'foo' }}</textarea> 로 변환하기 때문에 발생합니다. 이렇게 하면 {{ 'foo' }} TEXT_NODE에 암시적 텍스트 보간 지시문이 추가되지만 Angular가 TEXT_NODE 값을 설정하려고 할 때 IE에서 다시 제거했습니다.

그리고 부모가 없는 TEXT_NODE(예: parentlessTextNode.nodeValue = 'foo' )의 nodeValue 를 설정하려고 하면 IE에서 throw됩니다.

나는 이것이 Angular와 관련된 문제가 아니라고 생각하며 ( ng-attr-placeholder 사용하는 합리적인 해결 방법이 있다는 점을 고려하여) 문서화하고 계속 진행해야 합니다.

이 버그 보고서 는 관련이 있는 것 같습니다. 자리 표시자 값이 <textarea> 의 내용으로 남아 있는 것 같습니다. 그들은 (최소한 최신 IE11에서) 수정했지만 100%는 아닙니다. 즉, 자리 표시자 텍스트는 일시적이기는 하지만 내용으로 나타납니다.

제 경우에는 자리 표시자조차 없습니다. 이 <textarea ng-model='$parent.freetext.text' >{{dataobject.text}}</textarea> 와 비슷한 것이 있는데 여전히 보간 오류가 발생합니다. 모든 생각/해결책을 대단히 감사합니다. 참고로 저는 1.5 버전의 angularjs를 사용하고 있습니다...

@LotusShiv , 텍스트 영역에 값을 입력하지 마십시오. 초기화하고 싶다면 모델에 값을 대신 넣어주세요.

그래서 gkalpak - 제 경우에는 WebAPI 호출의 기존 값에 바인딩하고 사용자가 텍스트 영역을 편집할 수 있도록 해야 합니다. 따라서 ng-model 및 textarea 값 설정이 있습니다. 이제 귀하의 응답에서 이해한 방식은 - WebAPI 호출에서 오는 값을 $scope 개체 변수로 설정하고 동일한 $scope 개체 변수를 사용하여 편집된 내용도 설정해야 한다는 것입니다. 내가 당신을 올바르게 이해하고 있습니까? 제안/해결책에 대해 다시 한 번 감사드립니다. 샘플 코드도 감사합니다....

내 이전 의견에 대한 부록, 나는 gkalpak의 제안에서 내가 이해한 것을 설명한 대로 했고 효과가 있었습니다. 감사합니다 gkalpak , IE 11 에서 잘 작동합니다. 많은 마음의 고통을 구했습니다.... :) 다른 많은 팁과 트릭을 시도한 후 ....

위의 많은 사람들이 언급했듯이 이 오류는 실제로 사용 오류입니다. 제 경우에는 텍스트 영역에 없었지만 위의 설명이 정말 도움이 되었습니다. 모두 감사합니다 :)
내 특정 문제를 넣고 같은 상황에 있을 수 있는 다른 사람들을 위해 아래에 수정합니다.

작동 안함;
<a concat="[result.responsible.Contact.firstName, result.responsible.Contact.lastName]">{{responsibleFullName}}</a>
일하고있는;
<a>{{result.responsible.Contact.firstName}} {{result.responsible.Contact.lastName}}</a>

또한이 문제가 발생했습니다. 저에게는 지시문에서 template attr이었습니다. template: '{{field}}' 사용하면 이 오류가 발생합니다. 나를 위해 나는 요소 HTML을 컴파일 된 내용으로 대체하고 있었기 때문에 해결책은 {{field}} template: '' 남겨 두는 것이 었습니다. 그러나 이것은 이상한 버그이며 IE에서 디버깅하는 것은 고통 스럽습니다.

rows 바인딩과 textarea 와 동일합니다. 예, IE는 "모든 예외 발생 시 중단" 모드를 켜고 단계를 거쳐야 할 때까지 어떤 단서도 제공하지 않았습니다. 10억 건의 첫 번째 예외. 예외의 Angular 디버그 정보도 구성 요소에 대해서만 지적했지만 무엇이 문제인지는 지적하지 않았습니다. 어쨌든 바인딩을 [rows]="myRowsField"에서 [attr.rows]="myRowsField"로 변경하여 수정했습니다.

@seckardt 당신은 나의 하루를 만듭니다. 내 아주 오래된 프로젝트 중 하나는 여전히 Angular1을 기반으로 하며 이 문제에 대한 해결책을 찾기 위해 고군분투하고 있습니다. 정말 감사합니다.

"쉬운 해결 방법"이 있더라도 오류 메시지가 조금 더 도움이 된다면 훨씬 쉬울 것입니다. 나는 거대한 프로젝트를 가지고 있고 _어딘가에_ 이 이중 보간이 있습니다. 이걸 어떻게 찾아야 하나요?