AngularJS dynamic urls

Question

For example I have 3 links on my page: A B C,

When I click A it should function something like this

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http) {
  $http.get("some.url/A")
  .then(function(response) {
    $scope.myWelcome = response.data;
  });
});

"A" should dynamically reach the url when I click A. How to do it angularJs

georgeawg · Accepted Answer · 2019-12-09 13:50:04Z

0

try this

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http) {
  $scope.myFunc = function(url) {
      console.log(url);
      $http.get("some.url/"+url)
      .then(function(response) {
          $scope.myWelcome = response.data;
      });
  };
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<body ng-app="myApp">
    <div ng-controller="myCtrl">
        <button ng-click="myFunc('A')">A</button>
        <button ng-click="myFunc('B')">B</button>
        <button ng-click="myFunc('C')">C</button>
    </div>
</body>

edited Dec 9, 2019 at 13:50

georgeawg

49k13 gold badges78 silver badges98 bronze badges

answered Dec 9, 2019 at 9:28

Mohammad Ali Rony

4,9413 gold badges23 silver badges36 bronze badges

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

Collectives™ on Stack Overflow

AngularJS dynamic urls

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related