当我单击编辑图标时显示更新按钮，当我单击使用 angularjs 的视图图标时隐藏相同的更新按钮？答案

【问题标题】：show the update button when i click the edit icon and hide that same update button when i click the view icon using angularjs?当我单击编辑图标时显示更新按钮，当我单击使用 angularjs 的视图图标时隐藏相同的更新按钮？
【发布时间】：2018-09-19 08:08:48
【问题描述】：

这是我的 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>

【问题讨论】：

请详细说明updateData控制器功能
您可能想看看ng-hide和ng-show。以下是一些帮助您入门的文章：docs.angularjs.org/api/ng/directive/ngShow、scotch.io/tutorials/how-to-use-ngshow-and-nghide

标签： angularjs

【解决方案1】：

这是您正在寻找的吗？

<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>

【讨论】：

tq 非常感谢您的回复，我已经完成了这项任务，请帮我一个忙，实际上我使用不同的控制器工作 angularjs crud。我搜索了很多 drom google 的 crud 操作，但它看起来像一个控制器执行所有创建、编辑和删除的操作。但我想要具有不同页面的不同控制器。我想使用购买 angularjs + phpsql 进行粗略的操作。请帮帮我。
如果你想使用一个或多个控制器和视图，你需要使用 AngularJS $stateProvider，请谷歌它！谢谢