电子商务网站不采用自定义变量 {{ }}

Ecommerce website not taking custom variables {{ }}

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

我不确定为什么,但我可以 console.log(product) 就好了,但是当我尝试在我的 product.html 视图中使用像 {{ product.title} 这样的变量时,它不显示。纯文本显示正常,在我的 category.html 视图中,我可以使用 {{ category.title }} 将我的类别设置为 ng-repeat 就好了。

我不确定为什么我可以记录产品对象,但视图不会呈现它。

这是我的 GitHub 存储库的 link。感谢任何帮助。

您能否提供初始化产品时的任何片段或 fiddle?只看一眼视频,您的 ProductCtrl 的承诺似乎在您调用 console.log() 时可能无法实现;当你 console.log()?

时你得到什么值

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

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

由于您使用 controllerAs 语句 here, and then setting $scope.product in your controller here

将产品声明为您的控制器,因此导致范围冲突

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

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