javascript - 使用 Angular ng-show 显示 div

Question

我在使用 ng-show 和 $pristine 时遇到了一些问题。

这是代码(also on CodePen):

<blockquote ng-show="!comment.author.$pristine && !comment.rating.$pristine && !comment.comment.$pristine">
    <p>{{comment.rating}} Stars</p>
    <p>{{comment.comment}}</p>
    <footer>{{comment.author}}
</blockqoute>

填写完表单上的每个字段后，我想显示包含我的副本的 div，但我希望在某些字段仍为空时将其隐藏。

我尝试使用

!comment.[index].$pristine && ....

所以当每个字段都被填充时， block 引用将变得可见，但它不起作用。

Answer 1

嘿，你要走的路主要问题是，当用户将在最后一个文本框中填充任何随机数据时，当他填充一个字母时，div 将对他可见 - 尽管你对代码。

我的建议是 - 对数据填充后要显示的部分使用 ng-show="whatever"。

在你的 Controller 开始的地方将它设置为 false $scope.whatever = false; 现在它不会对用户可见；当用户填满所有文本框时，调用触发器并检查数据是否有效，然后 $scope.whatever=true; - 现在您的部分将可见。

要调用触发器，您可以做各种事情- 您可以在最后一个文本框上使用 ng-change 并使用其特定型号名称检查所有文本框的值，我希望您知道这一点。

如果您想对此进行进一步说明，请告诉我。