Question

我有2个纸张输入（标题中有一个）用于搜索引擎，当两者都有“自动对焦”时，默认自动对焦到标题一。

<paper-input id="bodyinput" name="thetext" type="text" class="searchbar" placeholder="Enter a search term here..." autofocus>
</paper-input>

标题栏在JS中使用.hide()隐藏在主页上。有没有办法只为我的主页自动对焦主搜索栏（非标题）？

我在rails中共享一个_header部分需要在非主页中自动聚焦标题。

也许有一种方法可以通过JS在主页上以编程方式删除标题的纸张输入中的“自动对焦”部分？

Answer 1

正如您可以将自定义元素属性绑定到字符串，数字，对象等，因此您可以使用布尔值。

在这种情况下，您可以设置您选择的变量或属性，以反映当前页面当前是否为主页。您的代码将负责将其设置为true或false。然后，您可以使用这样的数据绑定：

<paper-input placeholder="Input #1" autofocus="[[isHomepage]]"></paper-input>
<paper-input placeholder="Input #2" autofocus="[[!isHomepage]]"></paper-input>

<script>
  ... isHomepage = true/false; ...
</script>

在此示例中，如果isHomepage为真，则第一个paper-input启用了自动对焦。如果它是假的，那么第二个。

这是一个Plunker，演示了一个（非常基本的）示例：http://plnkr.co/edit/L0z4V6FVbtRDcwBk0b02?p=preview

纸张输入自动对焦在两个相互竞争的纸张输入中

1 个答案: