I am unable to find a solution to remove a substring in an angular expression while using the ng-repeat directive.

The controller is in an external javascript file, and html is as follows.

function myController($scope, $http){
  $http.get('http://localhost:3000/people.json').
    success(function(data){
      $scope.persons = data;
    });
}

<table ng-controller="myController" class="table table-striped table-hover">
  <thead class="text-center">
    <th>Name</th>
    <th>ID</th>
    <th>Address</th>
  </thead>
  <tbody>
    <tr ng-repeat="person in persons" class="text-center">
      <td>((person.name}}</td>    
      <td>{{person.id}}</td>
      <td>{{person.address}}</td>
    </tr>
  </tbody>
</table>

I am unable to find a solution to remove a substring in an angular expression while using the ng-repeat directive.

The controller is in an external javascript file, and html is as follows.

function myController($scope, $http){
  $http.get('http://localhost:3000/people.json').
    success(function(data){
      $scope.persons = data;
    });
}

<table ng-controller="myController" class="table table-striped table-hover">
  <thead class="text-center">
    <th>Name</th>
    <th>ID</th>
    <th>Address</th>
  </thead>
  <tbody>
    <tr ng-repeat="person in persons" class="text-center">
      <td>((person.name}}</td>    
      <td>{{person.id}}</td>
      <td>{{person.address}}</td>
    </tr>
  </tbody>
</table>

The localhost:3000/people.json page has a couple hundred JSON objects:

[ { name: "John Smith", id: 12345, address: "addr:789 Broadway St" },

... ]

My Question: What is the most efficient and/or easiest method of stripping out the 'addr:' substring in the address value? I don't have write access to the people.json page.

• javascript
• json
• angularjs
• node.js
• express

3 Answers 3

add a function to your controller. something like

$scope.stripAddr = function(address) {
  return address.substring(5);
}

and change your html to

<td>{{stripAddr(person.address)}}</td>

please excuse and errors in my javascript I use coffescript all time but I hope you get the idea

Use filter that could be the best way for you. You can reuse that filter any where, where you want to remove some matching string like here we use addr:

HTML

<tr ng-repeat="person in persons" class="text-center">
  <td>((person.name}}</td>    
  <td>{{person.id}}</td>
  <td>{{person.address}}</td>
</tr>

JS

.filter('matchreplace',function() {
        return function(value, matchstring){
            return value.split(matchstring).pop()
        }
    }
  );

Working Fiddle

Thanks.

try

<td>{{person.address.substring(5)}}</td>