javascript - Angle.js의 이중 중괄호 {{}} 문제

Question

으아악

제목에서 알 수 있듯이 위 코드에서는 $index 값을 매개변수로 가져와야 하는데, 값을 얻으려면 첫 번째 li에 {{}}를 추가해야 하는데 굳이 추가할 필요는 없습니다. 두 번째 리. 이것을 어떻게 구별하나요? ?

Answer 1

네이티브 HTML에서 데이터를 구문 분석하려면 {{}}를 사용하여 데이터를 바인딩해야 하지만 ng 명령 뒤에는 이것이 필요하지 않습니다.

Answer 2

{{ $var }}包裹的模板变量，当需要直接输出变量值，而无需额外解析（如过滤器处理、作为指令参数、作为函数参数）时使用，反之，ng-click="jump('/myDetail/'+ $index)"은 명령에서 호출되는 매개변수입니다.

Answer 3

간단한 기준은

• 현재 속성에 할당된 유형이 HTML 템플릿의 속성과 같은 리터럴 유형이거나 지시문의 수정자로 @가 있는 속성인 경우 값을 할당할 때 이중 중괄호가 추가되지 않으면 예, 변수로 구문 분석하려면 이중 중괄호를 추가해야 합니다.

• 현재 속성에 할당된 유형이 각도 템플릿의 다양한 내장 명령어 또는 명령어의 <、=、&로 수정된 속성과 같이 문자열이 아닌 유형인 경우 할당은 다음 구문 규칙에 따라 구문 분석됩니다. 이 경우 중괄호를 추가할 필요가 없습니다.

Answer 4

먼저 Angular의 두 가지 유형을 설명하세요.

템플릿: 형식은 {{...}}，实质是字符串，会被解析引擎展开成可以识别的字符串文本
表达式：可以直接运行的代码，和JS写法基本一致，只是省略了所有的this입니다.

그런 다음 컨텍스트를 참조하여 JS와 같은 부분을 작성하는지 아니면 문자열 리터럴을 작성하는지 확인할 수 있으므로 템플릿이 필요한지 표현식이 필요한지 쉽게 판단할 수 있습니다.