Code d'implémentation pour la liaison de données et les opérations logiques simples dans l'applet WeChat

Le contenu de cet article concerne le code d'implémentation de la liaison de données et les opérations logiques simples dans l'applet WeChat. Il a une certaine valeur de référence. J'espère que cela vous sera utile.

1. Utilisation simple :

Page({
  data: {
    message: '张三'
  }
})

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
      var content1={
         date: "2020年 10月 8日 ",  
         title："时间群" ,
         nameData:{
              name1:"张三李四",
              name2:"人五人六"，
         },
         fade：true/false 
      }
      this.setData(content);
  },

2. La liaison de données utilise la syntaxe Moustache (doubles accolades) pour envelopper les variables afin d'obtenir :

<view> {{ date}} </view>
<view> {{ title}} </view>
<view> {{ nameData.name1}} </view>
<view> {{ nameData.name2}} </view>//层级用点取值
<image wx:if="{{fade}}"  class="image" src=""></image>//隐藏/显示

3. les opérations peuvent être effectuées dans les {{}} :

三元运算符
<view hidden="{{flag ? true : false}}"> Hidden </view>

4 Calcul :

<view> {{a + b}} + {{c}} + d </view>

Page({
  data: {
    a: 1,
    b: 2,
    c: 3
  }
})
输出结果：3 + 3 + d

5. . Vous pouvez également le combiner directement dans Moustache pour former un nouvel objet ou tableau :

<view wx:if="{{length > 5}}"> </view>

7 Objet :

<view wx:for="{{[zero, 1, 2, 3, 4]}}"> {{item}} </view>

Page({
  data: {
    zero: 0
  }
})
输出结果：组合成数组[0, 1, 2, 3, 4]。

Recommandations associées :

<template is="objectCombine" data="{{for: a, bar: b}}"></template>

Page({
  data: {
    a: 1,
    b: 2
  }
})
最终组合成的对象是 {for: 1, bar: 2}

Formulaire jquery pour obtenir du contenu et lier des compétences data_javascript

Exemple d'analyse de l'application de liaison bidirectionnelle de données dans AngularJS framework_AngularJS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!