Polymer-Dart 1.0 dom-如果不起作用

Question

所以我試圖使用<template is="dom-if">但我無法使其工作。

<template is="dom-repeat" items="{{row}}" as="project">
   <template is="dom-if" if="{{project == null}}">
      <span>Untitled project</span>
   </template>
   <template is="dom-if" if="{{project != null}}">
      <span>{{project.name}}</span>
   </template>
 </template>

出於某些原因，我永遠不會顯示Untitled project盡管有2個元素為null 。

Polymer-Dart的開發者預覽版中是否還沒有表達式？

Answer 1

實際上，您只需使用簡單的{{project}}和{{！project}}綁定即可。 ! 是聚合物1.0中允許的唯一表達式之一。 它使用JS falsyness，因此null值將為“false”，但空列表/ etc也是如此。

您可能還需要在ready方法中將值顯式初始化為null：

ready() {   if (project == null) set('project', null); }

基本上，對於null初始值，我們實際上將undefined發送到js端。 但是，對於未定義的值，綁定根本不會運行，因此您需要顯式指定null以確保dom-ifs將計算表達式。 我們這樣做是為了避免在每個元素啟動時為每個屬性提供額外的更改通知。

Answer 2

我不知道Polymer-Dart，但是在Polymer 1.0中不再支持表達式（ docs ）。

您可以使用計算綁定來實現相同的目標。