показать кнопку обновления, когда я нажимаю значок редактирования, и скрыть ту же кнопку обновления, когда я щелкаю значок просмотра, используя angularjs? - PullRequest
Новая
       2

показать кнопку обновления, когда я нажимаю значок редактирования, и скрыть ту же кнопку обновления, когда я щелкаю значок просмотра, используя angularjs?

0 голосов
/ 19 сентября 2018

Это мой HTML-код.У меня есть форма и редактирование, просмотр кнопок.Когда я нажимаю значок редактирования, я хочу показать кнопку обновления, но когда я нажимаю кнопку просмотра, я хочу скрыть кнопку обновления, используя AngularJS 

<div ng-app="myapp" ng-controller="candidatecontroller">
  <div class="form-group">
    <button class="btn btn-warning" ng-click="update_data()" value="{{btnName}}">
      Update
    </button>
    <button class="btn btn-warning">
      Close
    </button>
  </div>

  <table>
    <button class="btn btn-xs btn-success" ng-click="updateData(x.id,x.candidatename, x.degree, x.percentage, x.email, x.address,x.jobtype,x.salary);">
      <i class="ace-icon fa fa-eye bigger-120"></i>
    </button>
    <button class="btn btn-xs btn-info" ng-click="updateData(x.id,x.candidatename, x.degree, x.percentage, x.email, x.address,x.jobtype,x.salary); ShowHide();">
      <i class="ace-icon fa fa-pencil bigger-120 classs"></i>
    </button>
  </table>
</div>

1 Ответ

0 голосов
/ 19 сентября 2018

Это вы ищете?

<html>

<head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.2/angular.js"></script>
    <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="https://unpkg.com/ace-css/css/ace.min.css">
    <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<div ng-app="myapp" ng-controller="candidatecontroller">
    <div class="form-group">
        <button class="btn btn-warning" ng-click="update_data()" ng-show="updatebtn">Update</button>
        <button class="btn btn-warning">Close</button>
    </div>
    <table>
        <button class="btn btn-xs btn-success" ng-click="updateData(x.id,x.candidatename, x.degree, x.percentage, x.email, x.address,x.jobtype,x.salary); updatebtn = false;">
            <i class="ace-icon fa fa-eye bigger-120"></i>
        </button>
        <button class="btn btn-xs btn-info" ng-click="updateData(x.id,x.candidatename, x.degree, x.percentage, x.email, x.address,x.jobtype,x.salary); updatebtn = true;">
            <i class="ace-icon fa fa-pencil bigger-120 classs"></i>
        </button>
    </table>
</div>
<script>
angular.module('myapp', []).controller('candidatecontroller', ['$scope', function($scope) {

}])
</script>

</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...