위챗 애플릿 튜토리얼 데이터 귀속
위챗 애플릿 자습서의 WXSS 위챗 애플릿 자습서의 인용 위챗 애플릿 이벤트 위챗 애플릿 자습서의 템플릿 위챗 애플릿 자습서의 목록
데이터 바인딩
WXML의 동적 데이터는 해당 페이지의 데이터에서 가져옵니다.
단순 바인딩
데이터 바인딩은 "Mustache"구문(중괄호)을 사용하여 다음 작업에 영향을 줄 수 있도록 변수를 포괄합니다.
컨텐트
{{ message }}
Page({
data: {
message: 'Hello MINA!'
}
})
구성 요소 속성(큰따옴표 안에 있어야 함)
Page({
data: {
id: 0
}
})
속성 제어(큰따옴표 이내 필요)
Page({
data: {
condition: true
}
})
운산
{{}} 내에서 간단한 연산을 할 수 있으며 다음과 같은 몇 가지 방법이 지원됩니다.
삼원 연산
Hidden
산수 연산
{{a + b}} + {{c}} + d
Page({
data: {
a: 1,
b: 2,
c: 3
}
})
view의 내용은 3 + 3 + d
논리적 판단
문자열 연산
{{"hello"+ name}}
Page({
data:{
name:"MINA"
}
})
콤비네이션
Mustache 내에서 직접 조합하여 새로운 객체 또는 배열을 구성할 수도 있습니다.
배열
{{item}}
Page({
data: {
zero: 0
}
})
최종 조합수조[0,1,2,3,4]
대상
Page({
data: {
a: 1,
b: 2
}
})
{for: 1, bar: 2}
...
Page({
data: {
obj1: {
a: 1,
b: 2
},
obj2: {
c: 3,
d: 4
}
}
})
{a: 1, b: 2, c: 3, d: 4, e: 5}
key value ,
Page({
data: {
foo: 'my-foo',
bar: 'my-bar'
}
})
최종적으로 조합된 대상은 {foo:'my-foo', bar:'my-bar'}
주의: 상술한 방식은 마음대로 조합할 수 있지만 변수 이름이 같은 경우 뒤쪽은 앞쪽을 덮어씁니다. 예를 들어
Page({
data: {
obj1: {
a: 1,
b: 2
},
obj2: {
b: 3,
c: 4
},
a: 5
}
})
최종적으로 조합된 대상은 {a:5,b:3,c:6}
읽어주셔서 감사합니다. 여러분께 도움이 되었으면 좋겠습니다. 본 사이트에 대한 지지에 감사드립니다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.