如何在Aurelia中创建安全的条件元素？

Question

在旧式学校服务器端语言（如PHP或ASPX）中，HTML元素可以根据用户的授权发送到浏览器。例如，在PHP中我们可以：

foreach

Aurelia如何做到这一点？我们是否仍然需要使用服务器端语言，以便元素永远不会发送到浏览器？

Answer 1

实际上非常相似。您可以使用if.bind=""。如果条件不满足，基本上将其从DOM中删除。因此，对于您的示例，您将拥有一个用户对象来保存用户的当前状态，并将其传递给您的函数。所以你会有这样的事情：

<select if.bind="isAdmin(userObj.Role)" id="customerList">
     <option value="1">Customer 1</option>
     <option value="2">Customer 2</option>
</select>

因此，如果该函数返回true，则会显示select标记。如果它返回false，则会从DOM中删除。