问答

Angular8 ng-template 基础问题

作者:admin 2021-06-14 我要评论

见到如下写法: ng-template #dot let-number i class="dot" [class.active]="activeindex === number"/i /ng-template let-number 相当于 let number = index ?...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

见到如下写法:

    <ng-template #dot let-number>
        <i class="dot" [class.active]="activeindex === number"></i>
    </ng-template>

let-number 相当于 let number = index

没查到,打扰各位了。

###

不一定等于
此时你的number其实应该是使用template时传入进来的参数
比如你在使用时这样传参

 <ng-container 
             [ngTemplateOutlet]="dot" 
             [ngTemplateOutletContext]="{number:'x'}">
        </ng-container>

那么此时`
activeindex === x

###

这是angular的标准语法,官方文档在详解ngFor时有相应的说明,可参考官方文档:https://angular.cn/api/common/NgForOf

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 视频网站播放弹幕的实现方式?

    视频网站播放弹幕的实现方式?

  • Pm2 启动vue问题

    Pm2 启动vue问题

  • JAVA中一个类A既继承一个基类B,基类B

    JAVA中一个类A既继承一个基类B,基类B

  • 企业微信能不能做推送功能?

    企业微信能不能做推送功能?

腾讯云代理商
海外云服务器