javascript - AngularJS 动态 url

标签 javascript angularjs dynamic-url

例如我的页面上有 3 个链接: 一种 乙 C、

当我点击 A 时,它的功能应该是这样的

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

当我单击 A 时,“A”应该动态到达 url。angularJs 如何做到这一点

最佳答案

试试这个

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>

关于javascript - AngularJS 动态 url,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59245779/

相关文章:

javascript - 限制每个节点的拖动区域 d3.js

javascript - 在类中绑定(bind) d3 事件

angularjs - 使用 Angular 路由、ui-view 渲染纯文本

javascript - 在 Internet Explorer 11 中加载巨大的数组导致堆栈溢出

javascript - 将消息从 Controller 传递到 View 中的 AJAX 脚本

javascript - 类型错误 : Cannot call a class as a function - ES6 - Angular1. x - Webpack

javascript - angularjs 确定我的事件中的 ng-click 和 href

seo - 动态网址 + 搜索引擎优化

database - 如何在 Laravel 5.6 中使用 get Route 而不是 id 创建动态 url

.htaccess 和动态生成的 SEO 友好 URL