Protractor Finding specific row in ng-table by text

Question

I am trying to specific element from a table by the second column value. When the element is found, I want to click on it but it doesn't click on it, it just finds the element. ( I have removed the whitespaces that where rendered)

Below is my HTML code:

<table ng-table="tableParams" id="Panel" class="tbl-option-list" template-pagination="directives/controls/Pager/Pager.html">

    <caption translate>Orders</caption>

    <tr id="Panel">

        <!-- 1 -->

        <th class="fixed-width-glyphicon"></th>

        <!-- 2 -->

        <th translate>Identifier</th>

    </tr>

        <tr ng-repeat="item in $data track by $index" ng-class="{'active-bg': order.$selected}" ng-click="changeSelection(order,  getRowActions(order))">

        <!-- 1 -->

        <td class="fixed-width-glyphicon">

            <div class="fixed-width-glyphicon">

                {{item.priority.toUpperCase()[0]}}

            </div>

        </td>

        <!-- 2 -->

        <td>{{item.identifierCode}}</td>

    </tr>

</table>

Below is the select command from protractor:

element.all(by.repeater('item in $data track by $index')).filter(function(row) {

    row.getText().then(function(txt) {

        txt = txt.replace(/\s/g, '');

        var found = txt.split('ID0001');

        return found.length > 1;

    });

}).click();

Actually, protractor is a framework used for angular js based on selenium

Answer 1

Try this

Return the filtered elements before trying to click on them. Below is the code you can try

element.all(by.repeater('item in $data track by $index')).filter(function(row) {

    return row.getText().then(function(txt) {

        txt = txt.replace(/\s/g, '');

        var found = txt.split('ID0001');

        return found.length > 1;

    });

}).then(function(elem){

    elem[0].click();

});