Question

我正在使用angular4，我的下面的代码试图显示基于状态变量的信息。

import React from 'react';
import {
  Card,
  CardImg,
  CardBody,
  CardTitle,
  CardSubtitle,
  Button,
} from 'reactstrap';

const BeerListItem = ({ beer }) => (
  <div>
    <Card>
      <CardImg top width="100%" src={beer.image_url} alt="beer" />
      <CardBody>
        <CardTitle>{beer.name}</CardTitle>
        <CardSubtitle>{beer.tagline}</CardSubtitle>
        <Button>More details</Button>
      </CardBody>
    </Card>
  </div>
);

export default BeerListItem;

我正在使用＆＃39; ||＆＃39;代表＆＃39;或＆＃39;声明。

现在状态变量=＆＃39;取消＆＃39;，通常它不应显示＆＃39;某些东西＆＃39;但是在测试中＆＃39;某些东西＆＃39;文字仍在那里。

如果我使用下面的陈述，那就是＆＃39;某些东西＆＃39;文字消失了。

<div *ngIf="state!='open' || state!='canceled'"> something </div>

如果我使用该声明，它仍然无法正常工作，因此它似乎不是订购问题。

<div *ngIf="state!='canceled'"> something </div>

有什么不对吗？

Answer 1

我认为这里唯一的问题是在ngIf逻辑之前关闭开始标记。

Answer 2

您有逻辑错误。如果变量等于cancel也与open不同，所以条件的结果将为真。

Answer 3

ngIf 必须像任何常规HTML属性一样包含在div标记内。

如何使用＆＃39;或＆＃39;在angular4中的ngif语句？

3 个答案: