javascript - AngularJS 动态网址
问题描述
例如,我的页面上有 3 个链接:A B 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>
推荐阅读
- c++ - 如何避免双数 C++ 的不准确性
- python - 有没有办法使用 PyTube 获取 Youtube 播放列表的持续时间
- angular - 成功登录后,get 和 post api dosent 工作
- scala - Monoid 同态和同构
- ios - 为什么 swift 隐藏受限协议的默认实现?
- c# - (ML.NET) 如何训练不包含标签的数据集
- pptxgenjs - PPTXGENJS 有没有办法在幻灯片中插入 HTML 格式的文本?
- oracle - ORA-01092 Oracle 实例已终止。强制断开连接
- angular - ngx-timepicker-field 添加清除按钮
- kubernetes - 试图让(裸机)kubernetes 集群链接到 Gitlab 以测试 CI