2

古い W​​eb UI コードの作業:

<template instantiate="if view == 'dashboard'">

ポリマーコードが機能しない:

<p>{{view}}</p> <-- this is ok, prints: dashboard 
<template if="{{view == 'dashboard'}}"> <-- not work, if I change code to use bool property something like {{showDashboard}} then works ok.

正しい構文は何ですか? 文字列比較によるインスタンス化の例が見つかりません。

* *編集。詳細: Dart SDK バージョン 0.7.3.1_r27487

html:

  <p>int: {{score}}</p>
  <template bind if="{{score == 4}}">
    <p>ins int: {{score}}</p>
  </template>
  <p>String: {{view}}</p>
  <template bind if="{{view == 'dashboard'}}">
     <p>ins String: {{view}}</p>
   </template>  
   <p>bool: {{showp}}</p>  
   <template bind if="{{showp}}">
     <p>ins bool: {{showp}}</p>
   </template>

ダーツ:

class AppModel extends Object with ObservableMixin {
   @observable String view = "dashboard";
   @observable int score = 4;
   @observable bool showp = true;
}

void main() {
 query("#templ").model = new AppModel();
}

そして出力：

int: 4
String: dashboard
bool: true
ins bool: true
4

1 に答える 1

0

Jacek、これは私にとってはうまくいきます。私のアプリの1つでは、条件付きレンダリングを次のように使用しています(例に合わせて変数名を変更しました):

 <template bind if="{{view == 'dashboard'}}">
   <p>{{view}}</p>
 </template>

このスニペットでは、スコアが 4 の場合にのみ {{view}} がレンダリングされます。

<template bind if="{{score == 4}}">
  <h2>Score: {{score}}</h2>
</template>

bind ifまた、 justに変更しても条件は機能しますif。

もっとコードを投稿できますか？おそらく、問題は別の場所にあります。

于 2013-09-18T15:03:56.270 に答える