Question

我在Jquery函数中隐藏了一个按钮，该按钮在html页面中的标签的data-ng-click处调用。但按钮只是隐藏了双击标签而不是单击。我只想点击一下。

<label id="LabelApplications" class="Applications" style="" data-ng-click="GetBuildServerConfigData(this)">application name</label>

$scope.GetBuildServerConfigData = function (SelectedItem) {
            $('#button2').hide();
            $("#savebutton").hide();
    }

Answer 1

虽然你的问题没有提到关于GetBuildServerConfigData函数的任何内容，但如果它只是你需要完成的隐藏，你可以这样做：

 <label id="LabelApplications" ng-init="showButton = true" class="Applications" style="" data-ng-click="GetBuildServerConfigData()" ng-show="showButton">application name</label>

在你的控制器中：

//Controller code
$scope.GetBuildServerConfigData = function() {
  //ajax call (presumably)
  //.then(function(response) {
 $scope.showButton = false;
  //});
}

如果只需要这样做，你甚至不需要传递给函数的this变量，就像你在jQuery中所做的那样

注意：另外，理想情况下，您不应该将jQuery DOM操作与AngularJS混合使用。以Angular方式做到：）

下面的工作代码段：

＆＃13;

var app = angular.module("testApp", []);
app.controller("testCtrl", function($scope) {
  $scope.GetBuildServerConfigData = function() {
    $scope.showButton = false;
  }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="testApp" ng-controller="testCtrl">
  <label id="LabelApplications" ng-init="showButton = true" class="Applications" style="" data-ng-click="GetBuildServerConfigData()" ng-show="showButton">application name</label>
</div>

＆＃13;

按钮是隐藏只有双击标签而不是单击。我只想点击一下

1 个答案: