电子商务网站不采用自定义变量 {{ }}
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'
来完成这项工作,但任何解决变量名之间冲突的解决方案都应该有效。
我正在观看 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'
来完成这项工作,但任何解决变量名之间冲突的解决方案都应该有效。