javascript – 检查是否已单击ng-click按钮

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 检查是否已单击ng-click按钮，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1602字，纯文字阅读大概需要3分钟。

内容图文

我正在使用isVisible在ng-click上切换我的div.我遇到的问题是,每次单击按钮,它都会运行$scope.Objectlist.push(data);.我想只在第一次点击时推送它,但同时我希望它在推取其他对象时推送它.我在每一行旁边都有一个按钮,每行都有一个不同的id,它将作为按钮功能的参数传递.

HTML：

<tr ng-repeat="object in objectlist">
    <td>{{object.id}}</td>
    <td><button ng-click="pushData(object.id)">View</button></td>
</tr>

JS：

$scope.objectlist = [];
$scope.isVisible = false;
$scope.pushData= function(id) {
    $http.get("some variables being passed on here").success(function(data, status, headers, config){
            $scope.objectlist.push(data);
    }).error(function(data, status, headers, config){
        alert("Error");
    });
    $scope.isVisible = ! $scope.isVisible;
};

我有多个不同的对象,有些是空的,有些则不是,所以这个函数不能只检查列表的长度

解决方法:

如何存储每个对象id的可见性(我没有测试它)：

HTML

<tr ng-repeat="object in objectlist">
    <td>{{object.id}}</td>
    <td><button ng-click="pushData(object.id)">View</button></td>
</tr>

JS

$scope.objectlist = [];
$scope.isVisible = false;
var store = {}; // Store visibility (boolean) per object id

$scope.pushData= function(id) {
    // If not stored yet
    if (!store[id]) {
        $http.get("some variables being passed on here").success(function(data, status, headers, config){
            $scope.objectlist.push(data);
            store[id] = true; // Store it and set true for the visibility
        }).error(function(data, status, headers, config){
            alert("Error");
        });
    }
    $scope.isVisible = !store[id]; // Set the visibility depending on if the object is already in the store or not
};

我不确定$scope.isVisible =！store [id];因为我真的不知道它在视图中的交互.但类似的东西可以做到这一点

内容总结

以上是互联网集市为您收集整理的javascript – 检查是否已单击ng-click按钮全部内容，希望文章能够帮你解决javascript – 检查是否已单击ng-click按钮所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端