【IT专家】使用ng
在5G中,NG接口是干什么的？
在移动通信系统中，接口都是比较重要的部分，今天，我们谈谈NG接口。
NG接口：简单的解释就是无线接入网和5G核心网之间的接口。
NG接口是一个逻辑接口，规范了NG接口，NG-RAN节点与不同制造商提供的AMF的互连；同时，分离NG接口无线网络功能和传输网络功能，以便于引入未来的技术。
从任何一个NG-RAN节点向5GC可能存在多个NG-C逻辑接口。
然后，通过NAS节点选择功能确定NG-C接口的选择。
从任何一个NG-RAN 节点向5GC可能存在多个NG-U逻辑接口。
NG-U接口的选择在5GC 内完成，并由AMF发信号通知NG-RAN节点。
NG接口分为NG-C接口（NG-RAN和5GC之间的控制面接口）和NG-U 接口（NG-RAN和5GC之间的用户面接口）。
NG接口规范的一般原则如下：•NG接口是开放的;••NG接口支持NG-RAN和5GC之间的信令信息交换;••从逻辑角度来看，NG是NG-RAN节点和5GC节点之间的点对点接口。
即使在NGRAN和5GC之间没有物理直接连接的情况下，点对点逻辑接口也是可行的。
••NG接口支持控制平面和用户平面分离;••NG接口分离无线网络层和传输网络层;••NG接口是满足不同新要求和支持新服务和新功能的未来证明;••NG接口与可能的NG-RAN部署变体分离;••NG应用协议支持模块化过程设计，并使用允许优化编码/解码效率的算法。
•NG接口用户面NG用户面接口（NG-U）在NG-RAN节点和UPF之间定义。
NG接口的用户面协议栈如图2.1.3.1-1所示。
传输网络层建立在IP传输上，GTP-U用于UDP /IP之上，以承载NG-RAN节点和UPF之间的用户面PDU。
NG-U在NG-RAN节点和UPF之间提供无保证的用户面PDU传送。
NG接口控制面NG控制面接口（NG-C）在NG-RAN节点和AMF之间定义。
NG接口的控制面协议栈如图2.1.3.1-2所示。
传输网络层建立在IP传输之上，为了可靠地传输信令消息，在IP之上添加SCTP。
airodump-ng 用法
一、什么是airodump-ngairodump-ng 是一个无线网络数据包捕获工具，它是Aircrack-ng套装中的一个重要组件。
它的主要功能是捕获802.11协议无线网络的数据包，并对这些数据包进行分析，从而帮助用户识别和解决无线网络中的安全问题。
二、airodump-ng 的主要功能1. 无线网络数据包捕获：airodump-ng 可以监听周围的无线网络，捕获数据包并存储在文件中，以备进一步分析和破解。
2. 信道扫描：airodump-ng 可以扫描周围的无线网络，并列出每个网络所使用的信道信息，帮助用户选择最佳的信道设置。
3. 客户端监视：airodump-ng 可以监视周围的客户端设备，并显示它们与无线网络的关联情况，包括MAC位置区域、信号强度、数据流量等信息。
4. 渗透测试：airodump-ng 还可以配合Aircrack-ng套装中的其他工具，对无线网络进行渗透测试，识别和利用网络中的安全漏洞。
三、airodump-ng 的用法1. 监视无线网络使用airodump-ng 命令加上无线网卡的名字，可以开始监视周围的无线网络：```airodump-ng wlan0```这条命令会列出周围所有可用的无线网络，并实时更新它们的信息，包括信号强度、加密类型、MAC位置区域等。
2. 捕获数据包使用airodump-ng 命令加上需要监视的无线网络的SSID和信道信息，可以开始捕获该无线网络的数据包：```airodump-ng --bssid 00:11:22:33:44:55 --channel 6 wlan0```这条命令会将捕获到的数据包保存在一个文件中，用户可以稍后使用其他工具对这些数据包进行进一步分析。
3. 客户端监视使用airodump-ng 命令加上无线网络的BSSID信息，可以开始监视该无线网络的客户端设备：```airodump-ng --bssid 00:11:22:33:44:55 wlan0```这条命令会列出当前与该无线网络关联的客户端设备，并实时更新它们的信息，包括MAC位置区域、信号强度、数据流量等。
ligolo-ng用法
ligolo-ng用法
答：ligolo-ng是一款基于TUN接口实现的轻量级快速工具，可以帮助广大渗透测试人员利用反向TCP/TLS连接建立一条隐蔽的通信信道，而且无需SOCKS 支持。
以下是ligolo-ng的基本用法：
1. 安装ligolo-ng：在命令控制服务器上开启代理服务，默认使用11601端口监听。
2. 在目标设备上启动代理：无需特殊权限，只需在目标设备上启动代理（连接至攻击者的代理服务器），代理服务器上将出现一条会话链接。
3. 选择会话：使用“session”命令选择代理的会话。
4. 显示网络配置信息：使用“ifconfig”命令可以显示代理的网络配置信息。
在使用ligolo-ng时，还需要注意以下几点：
1. 在使用ligolo-ng之前，需要确保目标设备上已经安装并启动了代理客户端。
2. 在使用ligolo-ng进行渗透测试时，需要遵守相关法律法规和道德规范，不得进行非法攻击或侵犯他人隐私。
3. ligolo-ng只是一种工具，使用它并不能保证一定能够成功渗透目标系统，还需要结合其他技术和方法进行综合分析和测试。
以上是ligolo-ng的基本用法和注意事项，希望能够帮助到您。
ng名词解释(一)
ng名词解释(一)中文•名词解释在计算机科学中，名词解释是一种解释性文本，旨在对特定名词进行定义和说明。
在本文中，我们将介绍一些与“ng”有关的名词，并提供相应的解释和示例。
• 1. AngularJSAngularJS是一个开发Web应用程序的JavaScript 框架。
它通过使用HTML作为模板语言，将应用程序逻辑与表示层分离，从而帮助开发人员构建动态和交互性的网页应用。
示例：AngularJS的双向数据绑定功能允许页面上的数据自动更新，无需手动操作。
• 2. AngularAngular是一个用于构建Web应用程序的开发平台。
它是AngularJS的升级版，由Google开发和维护。
Angular使用TypeScript编写，并通过一种组件化的方式来构建用户界面。
示例：Angular中的组件可以被重复使用，从而提高代码复用性和开发效率。
• 3. ng-repeatng-repeat是AngularJS中的一个指令，用于在页面上循环显示一组数据。
它可以迭代数组或对象，并为每个元素生成相应的HTML代码。
示例：使用ng-repeat指令可以轻松地在页面上展示一个产品列表，并遍历每个产品的数据。
• 4. ng-modelng-model是AngularJS中的一个指令，用于在页面上创建双向数据绑定。
它可以将表单元素的值与应用程序中的数据模型进行绑定，实现自动更新和同步。
示例：通过使用ng-model指令，可以实现输入框中的文本与后台数据模型之间的实时同步。
• 5. ng-clickng-click是AngularJS中的一个指令，用于在页面上绑定点击事件。
它可以响应用户的点击动作，并触发相应的函数或方法。
示例：使用ng-click指令可以为按钮添加点击事件，从而实现用户与应用程序的交互。
English•Glossary• 1. AngularJSAngularJS is a JavaScript framework for building web applications. It helps developers createdynamic and interactive web pages by using HTML as thetemplate language, separating application logic frompresentation layer.Example: The two-way data binding feature of AngularJS allows data on the page to be automaticallyupdated without manual manipulation.• 2. AngularAngular is a development platform for building web applications. It is an upgraded version of AngularJS and is developed and maintained by Google. Angular iswritten in TypeScript and uses a component-basedapproach for building user interfaces.Example: Components in Angular can be reused, improving code reusability and development efficiency. • 3. ng-repeatng-repeat is a directive in AngularJS that is used to loop through a set of data on the page. It caniterate over arrays or objects and generatecorresponding HTML code for each element.Example: Using the ng-repeat directive, it is easy to display a list of products on the page anditerate thr ough each product’s data.• 4. ng-modelng-model is a directive in AngularJS that is used to create two-way data binding on the page. Itbinds the value of form elements to the data model inthe application, achieving automatic updates andsynchronization.Example: By using the ng-model directive, real-time synchronization between the text in the input field and the backend data model can be achieved.• 5. ng-clickng-click is a directive in AngularJS that is used to bind click events on the page. It can respond to user’s click actions and trigger correspondingfunctions or methods.Example: Using the ng-click directive, click events can be added to buttons to enable interactionbetween the user and the application.。
ng请求数据量太大 超时504
让我们来了解一下NG请求数据量过大导致超时504错误的具体原因和解决方法。
以下是详细的内容：1. 问题描述在进行网络请求时，我们经常会遇到超时504错误，这通常是由于NG请求数据量过大所致。
这意味着服务器在等待客户端发送请求时, 会占用较长时间，超出了服务器设定的超时时间，导致服务器主动断开连接并返回504错误。
NG是一种流行的开源Web服务器软件，它广泛应用于互联全球信息站。
2. 原因分析NG请求数据量过大导致超时504错误的原因有多种可能性：a) 数据传输过程中发生了网络拥堵，导致传输速度变慢，最终导致超时504错误。
b) 服务器配置不当，无法处理大量请求数据，导致超时504错误。
c) 客户端向服务器发送的请求数据量过大，服务器在指定的超时时间内无法完全接收和处理请求，从而返回超时504错误。
3. 解决方法针对NG请求数据量过大导致超时504错误，我们可以采取以下几种解决方法：a) 调整服务器配置，增加服务器的处理能力和网络带宽，以便更好地处理大量的数据请求。
b) 优化客户端发送的请求数据量，例如通过压缩数据或减少请求次数，从而减少服务器的负载，降低超时504错误的发生概率。
c) 使用缓存技术，将一些常用的数据缓存在服务器端，减少对服务器的请求次数和数据传输量，从而降低超时504错误的发生频率。
d) 针对NG服务器的超时504错误，我们还可以通过调整NG服务器的超时设置，延长超时时间来解决问题。
4. 结论NG请求数据量过大导致超时504错误的发生是一个常见的网络问题。
要解决这一问题，我们首先需要分析具体原因，然后针对性地采取相应的解决方法。
除了上述提到的方法外，我们还可以利用负载均衡、CDN加速等方式来优化网络请求和数据传输，降低超时504错误的发生概率。
只有综合考虑网络环境、服务器配置和客户端请求等多方面因素，才能更好地解决NG请求数据量过大导致超时504错误的问题。
1. 问题的复杂性NG请求数据量过大导致超时504错误的问题虽然看似简单，实际上涉及到了网络通信、服务器性能、客户端请求等多个方面的复杂问题。
ng-content用法
ng-content用法在Angular开发中，我们经常会遇到需要在一个组件中插入其他组件或者HTML内容的情况。
而ng-content指令就提供了一种灵活的方式来实现这一需求。
本文将介绍ng-content的用法，包括基本语法和常见用例。
一、基本语法在Angular组件的模板中，我们可以通过ng-content来定义一个插槽，用于接收其他组件或者HTML内容。
ng-content的基本语法如下所示：```html<ng-content></ng-content>```上述代码表示一个匿名插槽，它会接收外部传入的内容，并将其插入到该位置。
二、插槽名称除了匿名插槽外，我们还可以给ng-content指定一个插槽名称，以便更精确地控制插入的位置。
插槽名称可以是任意字符串，用于标识不同的插槽。
下面是一个具有命名插槽的示例：```html<ng-content select="header"></ng-content><ng-content></ng-content><ng-content select=".footer"></ng-content>```上述代码定义了三个插槽，分别是名称为"header"、匿名和选择器为".footer"的插槽。
三、插入内容使用ng-content指令时，我们可以在组件的使用处插入其他组件或者HTML内容。
插入的方式有以下几种：1. 插入组件在使用组件时，可以将其他组件作为子组件插入到ng-content中。
下面是一个示例：```html<app-header></app-header><ng-content></ng-content><app-footer></app-footer>```上述代码中，<app-header>和<app-footer>是两个独立的组件，它们会被插入到ng-content的位置。
ngions的配置
LNMP简介：LNMP代表的就是：Linux系统下Nginx+MySQL+PHP这种网站服务器架构。
Linux是一类Unix计算机操作系统的统称，是目前最流行的免费操作系统。
代表版本有：debian、centos、ubuntu、fedora、gentoo 等。
Nginx是一个高性能的HTTP和反向代理服务器，也是一个IMAP/POP3/SMTP代理服务器。
Mysql是一个小型关系型数据库管理系统。
PHP是一种在服务器端执行的嵌入HTML文档的脚本语言。
这四种软件均为免费开源软件，组合到一起，成为一个免费、高效、扩展性强的网站服务系统。
Nginx是一个小巧而高效的Linux下的Web服务器软件，是由Igor Sysoev 为俄罗斯访问量第二的 Rambler 站点开发的，已经在一些俄罗斯的大型网站上运行多年，相当的稳定。
Nginx性能稳定、功能丰富、运维简单、处理静态文件速度快且消耗系统资源极少。
作为 Web 服务器：相比 Apache，Nginx 使用更少的资源，支持更多的并发连接，体现更高的效率。
作为负载均衡服务器：Nginx 既可以在内部直接支持Rails 和 PHP，也可以支持作为 HTTP代理服务器对外进行服务。
LNMP源码搭建所需源码：php-5.4.0.tar（）， nginx-1.1.18.tar（），mysql-5.0.95.tar（）linux版本为企业版5.4，ip地址192.168.101.22首先编辑yum，在/etc/yum.repos.d/目录下编辑rhel-debuginfo.repo（我们使用的是本地yum）：建立光盘挂载点/mnt/cdrom，将光盘挂载上面mount /dev/cdrom /mnt/cdrom。
用yum grouplist来查看开发环境所用的组，其中开发环境所需的有：开发库Development Librarity 、开发工具 Development Tools、需安装pcre-devel指令为：yum install pcre-develyum install -y pcre-devel pcre libcurl-develyum install -y libjpeg-6b libjpeg-devel libpng libpng-devel zlib zlib-devel freetype freetype-devel libXpm libXpm-devel libxml2 libxml2-devel bzip2 bzip2-devel gd下面开始安装源码一、编译安装nginx-1.1.181、添加nginx系统组和用户groupadd -r nginxuseradd -r -g nginx -s /bin/false -M nginx2、编译[root@Eleven ~]# tar -zxvf nginx-1.1.18.tar.gz -C /usr/src/ [root@Eleven ~]# cd /usr/src/nginx-1.1.18/./configure \--prefix=/usr \--sbin-path=/usr/sbin/nginx \--conf-path=/etc/nginx/nginx.conf \--error-log-path=/var/log/nginx/error.log \--http-log-path=/var/log/nginx/access.log \--pid-path=/var/run/nginx/nginx.pid \--lock-path=/var/lock/nginx.lock \--user=nginx \--group=nginx \--with-http_ssl_module \--with-http_flv_module \--with-http_stub_status_module \--with-http_gzip_static_module \--http-client-body-temp-path=/var/tmp/nginx/client/ \--http-proxy-temp-path=/var/tmp/nginx/proxy/ \--http-fastcgi-temp-path=/var/tmp/nginx/fcgi/ \--http-uwsgi-temp-path=/var/tmp/nginx/uwsgi \--http-scgi-temp-path=/var/tmp/nginx/scgi \--with-pcre说明：--prefix=/usr 软件安装目录--sbin-path=/usr/sbin/nginx 软件的二进制文件目录--conf-path=/etc/nginx/nginx.conf 软件的配置文件目录--error-log-path=/var/log/nginx/error.log 错误日志--http-log-path=/var/log/nginx/access.log 访问日志--pid-path=/var/run/nginx/nginx.pid 软件的进程号文件--lock-path=/var/lock/nginx.lock 软件的锁文件nginx.lock路径--user=nginx 指定所属用户--group=nginx 指定所属组--with-http_ssl_module 添加了ssl模块支持--with-http_flv_module 添加了flv模块支持--with-http_stub_status_module--with-http_gzip_static_module 添加了静态压缩模块支持--http-client-body-temp-path=/var/tmp/nginx/client/http 客户端请求临时文件的存放路径--http-proxy-temp-path=/var/tmp/nginx/proxy/ 代理访问的临时文件存放路径--http-fastcgi-temp-path=/var/tmp/nginx/fcgi/ fastcgi 临时文件存放路径--http-uwsgi-temp-path=/var/tmp/nginx/uwsgi--http-scgi-temp-path=/var/tmp/nginx/scgi3、安装make && make installmkdir -pv /var/tmp/nginx/client[root@Eleven nginx-1.1.18]# nginx查看端口[root@Eleven nginx-1.1.18]# netstat -tupln |grep nginx测试：二、编译安装mysql如果没有安装ncurses-devel首先安装解决依赖关系，指令：yum -y install ncurses-devel创建MySQL用户，指令:useradd -M -s /sbin/nologin mysql[root@Eleven ~]# tar -zxvf mysql-5.0.95.tar.gz -C /usr/src/ [root@Eleven ~]# cd /usr/src/mysql-5.0.95/./configure \--prefix=/usr/local/mysql \--without-debug \ # 取消调试模式提高性能--with-extra-charsets=utf8,gbk \ # 仅仅指定需要的默认字符集提高性能--enable-assembler \ # 使用汇编模式提高性能--with-mysqld-ldflags=-all-static \ # 以静态方式编译提高性能--with-client-ldflags=-all-static \--with-unix-socket-path=/tmp/mysql.sock \ # 使用unix socket 提高性能--with-ssl./configure \--prefix=/usr/local/mysql \--without-debug \--with-extra-charsets=utf8,gbk \--enable-assembler \--with-mysqld-ldflags=-all-static \--with-client-ldflags=-all-static \--with-unix-socket-path=/tmp/mysql.sock \--with-ssl回车然后执行：make && make install安装完成后复制配置文件和启动脚本:cp support-files/f /etc/f # 复制配置文件cp support-files/mysql.server /etc/init.d/mysqld # 复制启动脚本chmod +x /etc/init.d/mysqld # 给启动脚本执行权限ln -s /usr/local/mysql/bin/* /usr/local/bin/ # 为可执行的二进制文件做软连接ln -s /usr/local/mysql/lib/mysql/lib* /usr/lib/ # 为动态链接库做一个软连接mysql_install_db --user=mysql # 用MySQL用户安装数据库chown -R root.mysql /usr/local/mysql/ # 更改安装目录属主为root,属组为mysqlchown -R mysql.mysql /usr/local/mysql/var/ # 更改数据库目录属主和属组都为mysql然后启动mysql测试：可知mysql已成功安装三、编译安装PHP在安装php之前首先解决依赖关系，需安装几个源码包：(1)、libmcrypt-2.5.8.tar.bz2，下载地址：/projects/mcrypt/files/Libmcrypt/2.5.8/libmcrypt-2.5.8.tar.bz2/download[root@Eleven ~]# tar -jxvf libmcrypt-2.5.8.tar.bz2 -C/usr/src/[root@Eleven ~]# cd /usr/src/libmcrypt-2.5.8/[root@Eleven libmcrypt-2.5.8]# ./configure[root@Eleven libmcrypt-2.5.8]# make && make install（2）、mhash-0.9.9.9.tar.bz2 下载地址：/projects/mhash/files/mhash/0.9.9.9/m hash-0.9.9.9.tar.bz2/download[root@Eleven ~]# tar -jxvf mhash-0.9.9.9.tar.bz2 -C /usr/src/ [root@Eleven ~]# cd /usr/src/mhash-0.9.9.9/[root@Eleven mhash-0.9.9.9]# ./configure[root@Eleven mhash-0.9.9.9]# make && make install这两个包安装完成后要把动态链接库做一个软连接到/usr/lib,以为接下来的mcrypt依赖于这两个包ln -s /usr/local/lib/libmcrypt* /usr/libln -s /usr/local/lib/libmhash.* /usr/lib/（3）、mcrypt-2.6.8.tar.gz，下载地址：/projects/mcrypt/files/MCrypt/2.6.8/m crypt-2.6.8.tar.gz/download[root@Eleven ~]# tar -zxvf mcrypt-2.6.8.tar.gz -C /usr/src/ [root@Eleven ~]# cd /usr/src/mcrypt-2.6.8/[root@Eleven mcrypt-2.6.8]# ./configure[root@Eleven mcrypt-2.6.8]# make && make install下面安装php首先解决依赖，指令：yum –y install libxml2-devel curl-devel libpng-devel openldap-devel[root@Eleven ~]# tar -zxvf php-5.4.0.tar.gz -C /usr/src/ [root@Eleven ~]# cd /usr/src/php-5.4.0/[root@Eleven php-5.4.0]#./configure --prefix=/usr/local/php --with-mysql=/usr/local/mysql/ --with-zlib --enable-xml--disable-rpath --enable-safe-mode --enable-bcmath--enable-shmop --enable-sysvsem--with-curl --with-curlwrappers --enable-fpm--enable-fastcgi --with-mcrypt --with-gd --with-openssl--with-mhash --enable-sockets --with-ldap --with-ldap-sasl --with-xmlrpc -enable-zip --enable-soap[root@Eleven php-5.4.0]# make && make install到这里整个LNMP已经安装完成.下面我们就配置php和nginx能运行php网站:首先为php创建配置文件，指令:（1）cp php.ini-production /usr/local/php/php.ini # 如果是开发就复制php.ini-development（2）cp /usr/local/php/etc/php-fpm.conf.default/usr/local/php/etc/php-fpm.conf（3）ln -s /usr/local/php/bin/php /usr/bin/然后配置php-fpm,编辑php-fpm.conf[root@Eleven php-5.4.0]# vim /usr/local/php/etc/php-fpm.conf 修改143行：如下/var/run/php-fpm/php-fpm.sock启动php-fpm：mkdir /var/run/php-fpm/usr/local/php/sbin/php-fpm （一定要执行，否则不能成功）[root@Eleven local]# cd /etc/nginx/[root@Eleven nginx]# vim nginx.conf增加下面几行unix:/var/run/php-fpm/php-fpm.sock$document_root/include fastcgi.conf修改完毕后保存退出重启nginx:[root@Eleven nginx]# pkill -1 nginx然后在/usr/html/下创建index.php[root@Eleven nginx]# vim /usr/html/index.php写入如下内容;测试：用浏览器访问http://192.168.101.22/index.php可以看到已成功连接php。
ng build 原理
ng build 原理ng build 的原理如下：1. ng build 是 Angular CLI 命令之一，用于将 Angular 应用程序编译为静态文件，供部署在 Web 服务器上。
它会读取项目的配置文件（例如angular.json），并根据配置来执行编译过程。
2. 首先，ng build 会分析项目的源代码，并找出所有需要编译的模块、组件、样式和其他资源文件。
它会读取项目的根组件（通常是 ponent.ts）并检查其所依赖的模块和组件。
然后，它会递归地查找所有相关的模块和组件，并生成一个完整的应用程序的依赖关系图。
3. 接下来，ng build 会使用 Angular 编译器将 TypeScript 代码编译为 JavaScript。
它会解析模板文件，并将其转换为等效的JavaScript 代码。
编译器还会将 TypeScript 的静态类型检查应用于代码，并生成相应的错误和警告消息。
4. 在编译完成后，ng build 会使用 Angular 的资源处理工具来处理和优化应用程序的资源文件。
它会处理和压缩CSS 文件，并将其嵌入到最终的HTML 文件中。
它还会处理和优化图片、字体和其他静态资源文件。
5. 最后，ng build 会将所有编译和优化后的文件输出到指定的输出目录中（例如 dist 目录）。
这些文件包括编译后的JavaScript 文件、样式文件、HTML 文件和其他资源文件。
这些文件可以直接在 Web 服务器上运行，或者作为静态文件进行部署。
总而言之，ng build 的原理是通过读取配置文件、分析项目依赖、编译 TypeScript 代码、处理资源文件等一系列步骤来将Angular 应用程序编译为静态文件。
这些文件可以直接在浏览器中运行，以展示和交互应用程序的功能。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
本文由我司收集整编，推荐下载，如有疑问，请与我司联系
使用ng
使用ng-repeat 和limit-to 以及来自tether.js 的工具提示时，在jQuery 中获取上
下文错误[英]Getting an error with context in jQuery when using ng-repeat and limit-to and a tooltip from tether.js First off, I know that’s a heck of a title.
首先,我知道这是一个冠军头衔。
Ive recently taken over angular-tooltip and am attempting to build a custom tooltip for my main work project.
我最近接管了angular-tooltip,并试图为我的主要工作项目构建一个自定义工具提
示。
In my project, I have an ng-repeat directive that simply says
在我的项目中,我有一个简单的ng-repeat 指令
div ng-repeat=“merge in potentialMerges | limitTo: numPotentialMergesVisible”company-profile-tooltip=“merge.preview”/div Using the instructions for the library, I defined a custom tooltip directive:
使用库的说明,我定义了一个自定义工具提示指令:
myApp.directive(‘companyProfileTooltip’,[‘$tooltip’,($tooltip) = { return { restrict:
‘EA’, scope: { profile: ‘@companyProfileTooltip’ }, link: (scope: ng.IScope, elem) = { var tooltip = $tooltip({ target: elem, scope: scope, templateUrl: “/App/Private/Content/Common/company.profile.html”,tether: { attachment: ‘middle right’,targetAttachment: ‘middle left’,offset: ‘010px’$(elem).hover(() = { tooltip.open(); }, () = { tooltip.close(); Company.profile.html is simply:
Company.profile.html 简单地说:
div Hello, world! /div Now, if you notice, in the ng-repeat I have a limitTo filter. For each of those (inititally 3) merges work perfectly, where a div Hello, world! /div tooltip is properly added.
现在,如果你注意到,在ng-repeat 中我有一个limitTo 过滤器。
对于每个(初始3)合。