Angular.js: ng-if에서 여러 번 바인딩된 표현식을 사용하면 오류가 발생합니다.

에 만든 2015년 03월 22일 · 3코멘트 · 출처: angular/angular.js

내 코드는 다음과 같습니다.

one_time.js

var sample = angular.module('sample', []);

sample.controller('OneTimeController', function () {
    this.name = 'John';
    this.blah = 'sdflk';
});

index.html
<!DOCTYPE html>
<html>

<head>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
  <script type="text/javascript" src="one_time.js"></script>
</head>

<body ng-app="sample">
<div ng-controller="OneTimeController as test">
  <p>Input something in the input box:</p>
  <p>Name: <input type="text" ng-model="test.name" value="John"></p>
  <p ng-bind="test.name"></p>
  <p ng-bind="::test.name"></p>
  <p ng-if="test.name && test.blah">testing</p> <!-- works perfectly-->
  <p ng-if="::test.name && test.blah">testing with first expression as one time binded</p> <!-- works but the second property is not one time binded-->
  <p ng-if="::test.name && ::test.blah">testing with one time bind</p><!-- doesn't work throws syntax error-->

</div>
</body>
</html>

name 속성을 한 번 바인딩하려는 ng-if 조건이 있는  태그를 표시하려고 합니다. 나는 그것이 변하지 않을 것이라는 것을 이미 알고 있으므로 ng-if에서도 한 번 바인딩을 시도하고 싶었습니다. 한 번 바인딩을 사용하지 않거나 이 경우 testing with first expression as one time binded 첫 번째 표현식으로 한 번만 바인딩을 사용할 때 완벽하게 작동하지만 다음과 결합된 둘 이상의 표현식에서 한 번 바인딩을 사용하려고 할 때 가드 연산자는 구문 오류로 오류를 발생시킵니다.

Error: [$parse:syntax] Syntax Error: Token ':' not a primary expression at column 14 of the expression [test.name && ::test.blah && ::test.blah] starting at [::test.blah && ::test.blah].
http://errors.angularjs.org/1.3.14/$parse/syntax?

이것은 버그입니까 아니면 실제 구문 오류입니까? angularjs 버전 1.3.14를 사용하고 있습니다.

출처

ashish91

👍1

가장 유용한 댓글

예: testing with first expression as one time binded 표현식이 있는 정시 바인딩에는 () 를 사용해야 한다고 생각합니다.

piernik 에 2015년 03월 22일

👍7

모든 3 댓글

예: testing with first expression as one time binded 표현식이 있는 정시 바인딩에는 () 를 사용해야 한다고 생각합니다.

piernik 에 2015년 03월 22일

👍7

@piernik 감사는 매력처럼 작동합니다. (::test.name) && (::test.blah) 시도했지만 첫 번째 :: 가 한 번 바인딩을 활성화하는 것 같습니다. :+1:

ashish91 에 2015년 03월 22일

일회성 바인딩(::)은 ng-if 내에서 사용되는 모든 표현식에 적용됩니다.
 is same as 

불행히도 우리는 Angular js의 단일 표현식에서 일회성 바인딩과 단방향 바인딩 표현식을 혼합할 수 없습니다.

rakeshKuchana 에 2018년 11월 10일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Angular.js: ng-if에서 여러 번 바인딩된 표현식을 사용하면 오류가 발생합니다.

가장 유용한 댓글

모든 3 댓글

관련 문제