Modify data in ng-click angularjs

Question

I need to edit data when I am calling ng-click. Below is the code:

<tr class="read" ng-repeat="data in records>
  <td>
   {{data.requestId}}
 </td>
 <td>
   {{data.status}}
 </td>
   <a height="20" class="pointer" 
   ng-click="download(data.downloadPath)" target="_self"></a>
 </td>

e.g. - If the value of data.downloadPath is /opt/dummy/file.txt, I need to remove the first forward slash and give the path as: opt/dummy/file.txt

Is it possible to edit here in angularjs or do I need to edit the controller code:

someSrv.someFunction()
        .success(function(response){

          $scope.records = response.data;
}

floribon · Accepted Answer · 2016-05-12 08:01:23Z

2

An Angular expression is still regular JavaScript, so I guess you can go for

ng-click="download(data.downloadPath.slice(1))"

Or if the first / is optional and not always there, with a regular expression:

ng-click="download(data.downloadPath.replace(/^\//, ''))"

answered May 12, 2016 at 8:01

floribon

19.2k5 gold badges56 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

dfsq Over a year ago

"An Angular expression is still regular JavaScript". No it's not. Also because of that the regexp example won't work and throw error.

ani0710 Over a year ago

The first option does what I need. Thank you !

Wild Widow · Accepted Answer · 2016-05-12 08:09:47Z

1

Easiest thing would be to use substr method

<a  ng-click="download(data.downloadPath.substr(1))" target="_self"></a>

This would remove "/" altogether. /dir/index.php would become dir/index.php

answered May 12, 2016 at 8:09

Wild Widow

2,5794 gold badges23 silver badges34 bronze badges

Comments

d4rty · Accepted Answer · 2016-05-12 08:04:51Z

0

You can use the ng-if directive to check if the value is equal to /opt/dummy/file.txt.

<tr class="read" ng-repeat="data in records>
  <td>
   {{data.requestId}}
 </td>
 <td>
   {{data.status}}
 </td>
   <div ng-if="data.downloadPath == '/opt/dummy/file.txt'">
     <a height="20" class="pointer" 
     ng-click="download(data.downloadPath.slice(1))" target="_self"></a>
   </div>
   <div ng-if="data.downloadPath != '/opt/dummy/file.txt'">
     <a height="20" class="pointer" 
     ng-click="download(data.downloadPath)" target="_self"></a>
   </div>
 </td>

answered May 12, 2016 at 8:04

d4rty

4,2585 gold badges40 silver badges76 bronze badges

Comments

Wasiq Muhammad · Accepted Answer · 2016-05-12 08:09:50Z

0

Try this

$scope.download = function(dataPath){
    var string = "dataPath";
    if (string.charAt(0) == "/") string = string.substr(1);
    if (string.charAt(string.length - 1) == "/") string = string.substr(0,string.length - 1);
    $scope.path = string;

}

answered May 12, 2016 at 8:09

Wasiq Muhammad

3,1483 gold badges19 silver badges30 bronze badges

Collectives™ on Stack Overflow

Modify data in ng-click angularjs

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related