余分なテキストの省略記号アプレット70は、表示を変更します

あなたは小さなプログラムを書く前に、ADOは、wxmlページ内のデータを傍受する方法、問題に遭遇しますか？

1、WXS

確かにそれはないという部分文字列にデータを、時間がかかりますか？しかし、この方法のwxmlページは無効です。

ああ、同じことが右に行うことができないが、CSSということ？個人的に悪いCSSの再利用性を感じる。しかし、それは考慮されません。

データが後に取得したデータに撮影した、jsの聖歌を使用することは不可能です。

これがあると思われるが、一般的に1もう少し複雑な上のデータ、およびデータが複数のページに表示される場合があり得るが、あなたは別のページでは、異なる長さのデータを表示したい場合は、それが新たな問題のようです。

その後、公式の説明WXS使用する必要がある：「WXS（WeiXinスクリプト）WXMLと組み合わせた小さなスクリプト言語プログラムであり、ページ構造構築できる」公式文書のことを聞いたが、見てみることができます指示。

2、使用方法をWXS

//はpage.js 
ページ（{ 
  ：{データ
    配列[ 1、2、3、4、5、1、2、3、4 ] 
  } 
}）
// page.wxml 
<WXSモジュール= "M1"> VARを getMax = 関数（配列）{
   VARの最大= 未定義。
  ため（VAR i = 0; iが<Array.lengthと; ++ I）{ 
    最大 =最大===未定義？
      配列[I]：
      （MAX > =配列[i]は？最大：配列[I]）。
  } 戻り最大。
} 
module.exports.getMax = getMax。
</ WXS>

  
<表示> {{m1.getMax（アレイ）}} </ビュー> 
输出： 5

これは公式のケースで、WXSは直接wxmlページを書くことができますが、再利用の効果を達成するために、呼ばれる別のファイルを作成することをお勧めします。

これは私が書いたもので、app.wxs新しいファイルを作成し、通常の方法では、ほとんどの曝露後module.exportsはを終えJS書きたい、呼び出しを待ちます。

//はapp.wxs 
VARのストリング= 関数（テキスト、textLength）{
   場合（text.lengthの== 0 ||テキスト== 未定義）{
     返します。
  } 
  そう であれば（text.length> textLength）{
     戻り text.substring（0、textLength）+ '...' 。
  } 他{
     返すテキストを、
  } 
} 
module.exportsは = { 
  サブ：サブ
}

その後 wxml ファイルには、使用を参照しました。

コードの// page.wxml一部
 <！ - app.wxsスクリプトを導入する- > 
< WXS srcは= "../../../../ utilsの/ app.wxs" Module1のは= "ツール"  /> 
< ビュー>タイトル：{{tools.substring（タイトル、10）}} </ ビュー>

これは、各ページ内の文字列の異なる自由な長さを表示します。

3、最優先

もちろん、あなたが処理する時間のスタイルを表示したい、と彼らはメソッド呼び出し処理WXSファイルに対応する関数を書くことができます。

議論するために共有し、議論するウェルカムメッセージが学ぶための良い方法である短いWXSで同等と他のヒントがある場合は、同様の機能のJSを持っています。

推奨読書

アプレット70変更ペンダントアバターを描くキャンバス|フラグ絵にする方法

余分なテキストの省略記号アプレット70は、表示を変更します

おすすめ