连续显示两行

时间:2016-09-20 14:19:17

标签: html angularjs

我希望控制器中的值显示在同一列的两行中。

{{ngapp}}.controller("Controller", function($scope, $http, $modalInstance){
    $scope.selected=[];
    $scope.items=[  
        { 
            value:'Impact to Safety, regulatory compliance environment', 
            key:10, 
            color:'red'
        },
        {
            value:'Reliability Impact', 
            key:9, 
            color:'brown'
        }
    ]
});

html中的代码:

<div class="well form-group" >
    <table class="table" cellspacing="1">
        <tr>
            <th>Rank</th>
            <th>Criteria: Type of loss incurred</th>
        </tr>
        <tr ng-repeat="item in items" onclick="selected.item= item" ng-click="sel(item)">
            <td ng-style="{ 'background-color': item.color }">{{item.key}}</td>
            <td> {{item.value}} </td>
        </tr>
    </table>

    //<label>{{selected.item}}</label>
    {% endverbatim %}
</div>

我想要价值:&#39;对安全的影响&#39;显示在一行。并且遵守法规的环境&#39;在同一列和相同键的新行中。有人可以帮忙吗?谢谢。我是新来的。

有关代码的其他部分,请参阅此问题

Display value in a button by linking two modals

1 个答案:

答案 0 :(得分:1)

您可以使用https://www.npmjs.com/package/angularjs-filters执行此操作。

将“,”替换为“<br />”,它应出现在下一行。

{{item.value |  string.replace : ',': '<br />'}}