Question

嗨，我是角色的新手，我试图在div标签内创建一个属性。我能成功做到这一点。但是，如果可能，我需要在连接期间将输入更改为小写。

<!--"Fade" Slider-->
<div *ngIf="sliderTypes.fade"

     <!--Works but needs to be all lowercase-->
     [attr.data-t]="filter.text + '-button'"


    class="blahh"
    [ngClass]="getSliderCss()"
    (click)='toggleSlider()'>
        <div class="blahh-filter-text">{{filter.text}}</div>
</div>

上面的代码在data-t="Servops-button"中起作用并产生结果，但同样需要小写。

我试图执行以下操作（下面），但它不起作用并打破页面。有人知道如何在这行或文件中实现小写吗？

<!--"Fade" Slider-->
    <div *ngIf="sliderTypes.fade"

         <!--Breaks page-->
         [attr.data-t]="{{filter.text | lowercase}} + '-button'"


        class="blahh"
        [ngClass]="getSliderCss()"
        (click)='toggleSlider()'>
            <div class="blahh-filter-text">{{filter.text}}</div>
    </div>

所需输出为data-t="servops-button"（小写s，而不是上限）

Answer 1

我没有使用angularJS 4，但我希望这对你有帮助。

tolowercase string Angular

我用过角度2

{{message | uppercase}}
{{message | lowercase}}

Angular - 属性concat中的小写

1 个答案: