电子商务网站没有自定义变量{{}}

Question

我正在观看this video tutorial与Angular和Moltin建立电子商务网站。我已经到了19分钟的标记，他开始创建product.html视图。

我不知道为什么，但我可以控制console.log（产品），但是当我尝试在我的product.html视图中使用{{product.title}等变量时，它没有显示。纯文本显示正常，在我的category.html视图中，我可以使用{{category.title}}将我的类别转换为ng-repeat。

我不知道为什么我可以记录产品对象，但视图不会呈现它。

这是我的GitHub回购的link。任何帮助表示赞赏。

Answer 1

您可以在初始化产品时提供任何片段或小提示吗？只是在浏览视频时，您调用console.log（）时可能无法实现ProductCtrl的承诺。你在console.log（）时获得了什么价值？

此外，虽然这似乎不是问题 - 我在binding to primitive类型时看到了同样的问题！

一个简单的检查可能是尝试将产品实例化为空对象：$ scope.product = {};在设置为新值之前，在相同的上下文中的某个地方 - 角度的魔法会知道在摘要周期中观察和绑定该对象。

Answer 2

由于您使用controllerAs语句here将产品声明为您的控制器，然后在控制器here中设置$scope.product，因此会导致范围冲突/ p>

您需要通过将$scope.product重命名为控制器中的其他内容或重命名controllerAs: 'product'语句来解决此冲突。

我能够通过将controllerAs:'product'更改为controllerAs:'prod'来完成这项工作，但解决变量名称之间冲突的任何解决方案都应该有效。