Javascript 当值设置为true但未设置为true时，按钮应显示

当我在对象canPurchase下将值设置为true时，应该会显示addtocart按钮。由于某些原因，我只能在设置ng show并在其前面加上感叹号时才能使其显示出来。 我对angular还是个新手，所以我不太懂这个术语

以下是我的JSFIDLE链接：

基本上，我只想在对象“canPurchase”设置为true时显示“添加到购物车”按钮。 现在，我能让按钮显示的唯一方法是：

     <button ng-show="!store.product.canPurchase">Add to Cart</button>

添加到购物车

这就好像canPurchase下的值没有任何作用，它被设置为true或false。 请帮助我理解这一点以及它不能正常工作的原因。

您需要使用

 <button ng-show="product.canPurchase">Add to Cart</button>

添加到购物车

不

store.product.canPurchase

，正如您当前在

ng repeat

中所做的那样。我敢肯定就是这样。如果未引用单个产品项，则表达式无效

---

验证了在这个jsfiddle中更改此选项是有效的

不用担心-很高兴得到一个只是输入错误的选项-对于额外的业力点，您可以将其标记为已接受的答案。

     <button ng-show="!store.product.canPurchase">Add to Cart</button>

 <button ng-show="product.canPurchase">Add to Cart</button>