javascript - AngularJS - 如何在窗口调整大小时重复 ng-repeat 中的行

Question

我正在使用this在 ng Repeat 的 col-* 之后重复行。

现在，为了更进一步并处理额外的代码，我想在 Controller 内使用 $(window).width() 处理分割，但我无法实现这样做...

这里是Plunker demo我所做的事情。我已经评论了 if 条件，该条件目前不起作用。

谁能帮帮我吗？

Answer 1

您不需要整体使用 Angular、jQuery 和 JavaScript 来设置在不同分辨率上显示的项目数量。这是 CSS 问题。
除此之外，您可以在 Angular 中的指令中使用 jQuery，而不是在 Controller 中。 Controller 不用于 DOM 操作，它必须是特定模块的业务逻辑。
Angular 有一个内置的 angular.element (如果 jQuery 可用)，它是 jQuery 函数的别名。它将原始 DOM 元素或 HTML 字符串包装为 jQuery 元素。如果 jQuery 不可用，angular.element 会委托(delegate)给 AngularJS 的内置 jQuery 子集，称为 jQuery lite 或 jqLit​​e。
您可以阅读有关在 Angular 中使用 jQuery 的更多信息 here .

$window

是引用浏览器的window对象的Angular服务。您应该将其注入(inject) Controller 中，以便在 Controller 的功能中使用它。