> 위챗 애플릿 > 미니 프로그램 개발 > WeChat 애플릿 데이터 바인딩에 대한 심층적인 이해

WeChat 애플릿 데이터 바인딩에 대한 심층적인 이해

高洛峰
풀어 주다: 2017-03-28 13:43:26
원래의
1757명이 탐색했습니다.

이 글에서는 위챗 미니 프로그램의 데이터 바인딩 세부 소개에 대한 관련 정보를 주로 소개하고 있습니다. 필요한 친구는

WeChat 애플릿 데이터 바인딩에 대한 심층적인 이해

데이터 바인딩 중 일부를 참고하세요. 처음 몇 개는 괜찮아 보이지만 다음 중 일부는 이해되지 않을 수 있으며 인터페이스에 표시되는 데이터 중 일부는 조건으로 인해 표시되지 않을 수 있습니다. 이해가 안 되더라도 먼저 기억해 보시고, 나중에 실제로 사용하시면 이해가 되실 거라 생각합니다. 여기에 먼저 기록하세요

data.wxml


<!--数据绑定使用对象---内容-->
<view>{{message}}</view>

<!--数据绑定使用对象---组件属性---需要在双引号之内-->
<view id="item-{{id}}">组件属性</view>

<!--数据绑定使用对象---控制属性---需要在双引号之内-->
<view wx:if="{{condition}}">控制属性</view>

<!--数据绑定使用对象---三元运算-->
<view hindden="{{flag ? true : false}}">三元运算符</view>

<!--数据绑定使用对象---算数运算-->
<view>我是运算结果---{{a + b}} + {{c}} + d</view>

<!--数据绑定使用对象---逻辑判断-->
<view wx:if="{{length > 5}}">asdf</view>

<!--数据绑定使用对象---字符串运算-->
<view>{{"Hello " + name}}</view>

<!--数据绑定使用对象---数组组合-->
<view wx:for="{{[zero, 1, 2, 3, 4, 5, 6]}}">{{item}}</view>

<!--数据绑定使用对象---对象-->
<template is="objectCombine" data="{{for: x, bar: y}}"></template>

<!--数据绑定使用对象---扩展运算符对象 ... 将一个对象展开-->
<template is="objectCombine" data="{{...obj1, ...obj2, p: 5}}"></template>

<!--数据绑定使用对象---对象的key和value相同时-->
<template is="objectCombine" data="{{foo, bar}}"></template>
로그인 후 복사

data.js


아아아아

위 내용은 WeChat 애플릿 데이터 바인딩에 대한 심층적인 이해의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿