angularjs指令中的scope引用父作用域的函数，如何传递参数

最新推荐文章于 2022-01-24 14:24:54 发布

转载最新推荐文章于 2022-01-24 14:24:54 发布 · 449 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/259316/blog/268553

文章标签：

#javascript #python #ViewUI

本文介绍了一种使用AngularJS实现分页功能的方法，通过自定义指令的方式完成页面上的分页逻辑，包括总页数、当前页等信息的展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

html

<pagination class="pagination-sm" total-items="totalItems" page="currentPage" on-select-page="pageChanged(chenyiqi)" previous-text="&lsaquo;" next-text="&rsaquo;" num-pages="numPages" ></pagination><pre>共{{ numPages }}页，{{ totalItems }}条</pre>

</div>

指令

scope: {

page: '=',

totalItems: '=',

onSelectPage:' &'

指令中的onSelectPage指定引用标签中指明的父作用域中的函数，传递参数为chenyiqi；

$scope.onSelectPage({ chenyiqi: page });

在此处将给参数chenyiqi赋值

转载于:https://my.oschina.net/u/259316/blog/268553