AngularJS ng-swith-当前两个字母时

时间:2016-03-10 15:02:25

标签: javascript angularjs

我真的在搜索这个问题并没有找到解决方案。是否可以将ng-repeat与ng-switch结合使用(first_3_letters_of)“xy”?我的问题看起来像这样:

<span ng-repeat="channel in device.channels" ng-switch on=<!--first_3_Letters_of-->"channel.id"> 
        <span ng-switch-when="01_">
                <!-- insert some graphic-->             
        </span>
        <span ng-switch-when="02_">
                <!-- insert some other graphic-->               
        </span>         
</span>

我想只检查ID的前缀,因为在框架中添加另一个属性需要很多约束。更改ID名称很容易,并首先了解它的通道类型。

我很感激任何帮助!

2 个答案:

答案 0 :(得分:2)

您可以使用内置角度过滤器 limitTo ,如下所示:

<span ng-repeat="channel in device.channels" ng-switch on="channel.id | limitTo : 3"> 
    <span ng-switch-when="01_">
            <!-- insert some graphic-->             
    </span>
    <span ng-switch-when="02_">
            <!-- insert some other graphic-->               
    </span>         

答案 1 :(得分:0)

ng-switch只是一堆ngIf电话的简写吗? 你特意要切换吗?

可能是这样的:

<span ng-repeat="channel in device.channels"> 
        <span ng-if="'01_' == channel.id.substring(0,3)">
                <!-- insert some graphic-->             
        </span>
        <span ng-if="'02_' == channel.id.substring(0,3)">
                <!-- insert some other graphic-->               
        </span>         
</span>