Таким образом, в основном у меня есть домашняя страница, и я хочу изменить содержимое своей страницы, если щелкну ссылку или мой URL-адрес, в зависимости от значения в параметре запроса, и я хочу управлять этим с помощью угловых js.
вот мой код html-файла:
<head>
<meta charset="UTF-8">
<title>Trading - CorDapp</title>
<link rel="stylesheet" href="assets/css/bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="assets/css/style.css" crossorigin="anonymous">
<link rel="stylesheet" href="assets/css/bootstrap-theme.min.css" crossorigin="anonymous">
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js" crossorigin="anonymous"></script>
<script src="assets/js/angular.min.js"></script>
<script src="assets/js/ui-bootstrap-tpls.min.js"></script>
<script src="assets/js/ng-loading-overlay.min.js"></script>
<script src="js/angular-module.js"></script>
</head>
<body ng-app="tradingAppModule" ng-controller="TradingAppController as demoApp">
<nav class="navbar navbar-default">
<a class= "navbar-brand">
<img style="max-width:200px;max-height:100px;margin-bottom: 80px;" src="iglogo.png" alt="not found">
</a>
</nav>
это мой якорь, через который я хочу это изменение:
<div class="tradeId"><h4><a ng-click="demoApp.openTransactionDetailsModal(trade.linearId.id)" href="">Trade ID - {{trade.linearId.id}}</a></h4></div>
это мой угловой js-файл:
const app = angular.module('tradingAppModule', ['ui.bootstrap','ngLoadingOverlay']);
// Fix for unhandled rejections bug.
app.config(['$qProvider', function ($qProvider) {
$qProvider.errorOnUnhandledRejections(false);
}]);
app.controller('TradingAppController', function($http, $location, $uibModal) {
const demoApp = this;
// We identify the node.
const apiBaseURL = "/api/trading/";
demoApp.openTransactionDetailsModal = (tradeId) => {
demoApp.currentTradeId=tradeId;
const modalInstance1 = $uibModal.open({
templateUrl: 'TransactionDetailsModal.html',
controller: 'TransactionDetailsTradeCtrl',
controllerAs: 'modalInstance',
resolve: {
demoApp: () => demoApp,
apiBaseURL: () => apiBaseURL,
peers: () => peers
}
});
modalInstance1.result.then(() => {}, () => {});
};
Контроллер:
app.controller('TransactionDetailsTradeCtrl', function ($http, $location, $uibModalInstance, $uibModal, demoApp, apiBaseURL, peers) {
const modalInstance = this;
modalInstance.peers = peers;
modalInstance.form = {};
modalInstance.formError = false;
$http.get(apiBaseURL + "getTrade?linearID="+demoApp.currentTradeId).then(
(response) => modalInstance.transactionDetails = response.data
);
// Close create Trade modal dialogue.
modalInstance.cancel = () => $uibModalInstance.dismiss();
});
В настоящее время это просто отображение строки json без пользовательского интерфейса, но я хочу получить полный пользовательский интерфейс. Любая помощь будет принята.
Спасибо