Javascript 获取URL参数elemId并将其添加到按钮onClick属性

我在AngularJS中有一个组件（称为

直方图

），它使用ChartJS显示数据图表

另一个组件（称为低温恒温器）使用以下代码调用它：

<div id="outer_pressure">Outer pressure ABS:<br/><a href="#!/histogram/PT0104"><span class="value">{{ $ctrl.PT0104[0].Mnish | number: 2 }} bar</span></a><br/>Outer pressure Diff:<br/><a href="#!/histogram/PT0105"><span class="value">{{ $ctrl.PT0105[0].Mnish | number: 2 }} mbar</span></a></div>

控制器

'use strict';
angular.module('histogram', []).component('histogram', {
    templateUrl: 'histogram/histogram.template.html',
    controller: ['$routeParams', '$http',
        function histogramController($routeParams, $http) {
            this.elemId = $routeParams.elemId;
            if ($routeParams.days != null) {
                console.log(this.days);
                this.days = $routeParams.days;
            } else {
                this.days = 3;
            }
            this.pageTitle = this.elemId;
            this.natalie = 1;
            this.TT0101 = "";
            let self = this;
            let labels = [];
            let values = [];
            $http.get("php-db-conn/histogram.conn.php?elemId=" + this.elemId + "&days=" + this.days).then(function (response) {
            let title = self.elemId;
            let respdata = response.data.records;
            for (let i in self.elemId) {
                    labels.push(moment((respdata[i].TimeStamp), "DD-MMM-YYYY hh.mm.ss.SSSSSSSSS A"));
                    values.push(respdata[i].ExactValue);
                }
                let chartdata = {
                    labels: labels,
                    datasets: [
                        {
                            label: title,
                            tension: 0,
                            pointRadius: 1,
                            backgroundColor: 'rgba(200, 200, 200, 0.001)',
                            borderWidth: 1,
                            borderColor: 'rgba(200, 200, 200, 0.75)',
                            hoverBackgroundColor: 'rgba(200, 200, 200, 1)',
                            hoverBorderColor: 'rgba(200, 200, 200, 1)',
                            data: values
                        }
                    ]
                };
                let ctx = $('#hist');

                let barGraph = new Chart(ctx, {
                    type: 'line',
                    data: chartdata,
                    options: {
                        legend: {
                            labels: {
                                fontColor: "white",
                                fontSize: 18
                            }

                        },
                        scales: {
                            xAxes: [{
                                type: "time",
                                time: {
                                    tooltipFormat: "DD/MM/YYYY HH:mm:ss",
                                    displayFormats: {
                                        millisecond: "HH:mm:ss.SSS",
                                        second: "HH:mm:ss",
                                        minute: "HH:mm",
                                        hour: "DD/MM HH:mm",
                                        day: "DD/MM/YYYY",
                                        week: "DD/MM",
                                        month: "MM YYYY",
                                        year: "YYYY"
                                    }
                                },
                                ticks: {

                                    fontColor: "white"
                                }
                            }],
                            yAxes: [{
                                ticks: {
                                    fontColor: "white"
                                }

                            }]
                        }
                    }
                });
                console.log(labels);
            });
        }
    ]
});

---

我想要的是获取SPAREAI并将其附加到onclick url。我在代码中用elemId标记了id

看起来您在代码中重用了代码中的elemId变量：

这是从routeParams获得的elemId

    this.elemId = $routeParams.elemId;

在这里，您将“this”分配给self并重新分配elemId：

    let self = this;

   let labels = [];
        let values = [];
        $http.get().then(function (response) {

        let title = self.elemId;
        self.elemId = response.data.records;   **<---- This is the problem**

让self=this；
让标签=[]；
让值=[]；
$http.get（）.then（函数（响应）{
让title=self.elemId；
self.elemId=response.data.records；***经过彻底的研究，我终于能够让它工作了

控制器
在控制器代码中添加了以下功能：
this.dayChanger=函数（funcdays）{
$window.location.href=“#！/histogram/”+this.elemId+“/”+funcdays；
}

HTML模板
将按钮更改为以下内容：

3天
你的控制器代码在哪里？请看：@Satpal，我已经添加了一个控制器代码检查这个答案@mahan，谢谢你的评论。我尝试过这样做，但它只加载初始页面，按钮在点击时不会有任何反应。你能做一个代码笔吗？这确实有帮助，但仍然不能给我问题的答案-如何更改按钮onclick属性中的put elemId？您的意思是这样的吗？ng click=“onButtonClick（elemId）”？或者我可以看到您的按钮点击处理程序吗？是的，正是这样。您可以在GIST中看到更新的代码，在对我的问题的评论中，或者在我的HTML代码中，我想在您的控制器中定义一个函数，并在HTML中执行类似操作：
    let self = this;

   let labels = [];
        let values = [];
        $http.get().then(function (response) {

        let title = self.elemId;
        self.elemId = response.data.records;   **<---- This is the problem**