怎样通过angularjs来控制一行只输出3个
答案:2 悬赏:0
解决时间 2021-01-25 06:47
- 提问者网友:不要迷恋哥
- 2021-01-24 11:17
怎样通过angularjs来控制一行只输出3个
最佳答案
- 二级知识专家网友:污到你湿
- 2019-02-19 02:01
能具体一点么?
全部回答
- 1楼网友:老鼠爱大米
- 2020-08-27 08:50
1: 获取 scopes (作用域)
我们可以使用一行 js 代码来获取任何的 scope (甚至是 isolated scopes) :
> angular.element(targetnode).scope()
-> childscope {$id: 005, this: childscope, $$listeners: object, $$listenercount: object, $parent: scope…}
或者获取 isolated scopes:
> angular.element(targetnode).isolatescope()
-> scope {$id: 009, $$childtail: childscope, $$childhead: childscope, $$prevsibling: childscope, $$nextsibling: scope…}
这里面的 targetnode 指的是 html node(html节点)。你可以很容易的使用document.queryselector() 来获取。
2: 监视 scope tree (作用域树)
为了更好的调试我们的应用,有些时候我们需要查看页面上的 scope (作用域) 的结构师怎样的。这时候我们就需要使用 angularjs baratang 和 ng-inspector 这两个 chrome 浏览器扩展来帮助我们实时查看 scope (作用域) 的情况。并且,这两个扩展还有一些其他非常有用的功能。
angularjs baratang
ng-inspector
3: 抓取 services (服务)
我们可以使用定义了 ngapp 元素的 injector 函数来抓取任何 service (服务) 或者间接的通过任何带有 ng-scope class 的元素来获取 service (服务)。
> angular.element(document.queryselector('html')).injector().get('myservice')
-> object {undo: function, redo: function, _pushaction: function, newdocument: function, init: function…}
// or slightly more generic
> angular.element(document.queryselector('.ng-scope')).injector().get('myservice')
接下来我们就可以使用相关的 service 就像我们在程序中 injected(注入)过之后那样使用。
4: 从 directive 中获取 controller
有一些 directives (指令) 会将一些特定(通常是可以共用的)功能定义成为一个控制器。为了从控制台中获取一个指定 directive (指令) 的 controller (控制器) 示例, 我们只需要使用controller() 函数。
> angular.element('my-pages').controller()
-> constructor {}
最后一个不常用但是属于更高级的技巧。
5: chrome console(控制台) 特性
chrome 有很多在 console (控制台) 中用于调试网页应用的非常好用的快捷命令。下面是对 angular 开发最有帮助的一些命令:
$0 - $4: 在 instpector window (监控器) 中获取最后的 5 个 dom 元素。这个快捷方法可以非常方便的帮助我们来抓取选定元素的 scopes (作用域) : angular.element($0).scope()
$(selector) 和 $$(selector): 可以方便的替代 queryselector() 和 queryselectorall。我要举报
如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯