Angular.js изменить данные таблицы при нажатии кнопки

Question

Начал кодирование с помощью Angular.js в mvc, и я столкнулся с проблемой, как вы можете изменить данные в таблице при нажатии кнопки с напоминания на информацию о клиенте. Я данные с информационной страницы, отображаемой при нажатии клиентом, и я хочу, чтобы данные из таблицы напоминаний при нажатии кнопки напоминания. У меня также есть проблема, когда поиск подсчитывает номер в базе данных, а не номер, который отображается после фильтрации таблицы бросил поиск. Любая помощь была бы признательна. Также, если кто-то знает, как сделать простую разбивку на страницы, которая была бы идеальна для благодарности.

<script> 
     var MyApp = angular.module('MyApp', []); 
     MyApp.controller('MyAppCtrl', function ($scope) { 
      $scope.Info = [ 
       { "date":"23/09/2014","name": "john", "detail": "sssss" }, 
       { "date": "27/09/2014", "name": "mary", "detail": "gggggg" } 


      ]; 
$scope.remind = [ 
        { "date":"23/09/2014", "detail": "milk" }, 
        { "date": "27/09/2014","detail": "bread" } 


       ]; 
     $scope.sortField = 'name';//starting sort 
     $scope.reverse = true; 
     }); 


    </script> 
    <div class="container" ng-app="MyApp"> 
     <div class="row" style="padding-top: 60px"> 
      <div class="panel panel-warning"> 
       <div class="panel-heading">Home 

       </div> 
       <div class="panel-body"> 

        @* left *@ 
        <div class="col-md-4"> 
         <div class=""> 

          <div class="butLay"> 
           @Html.ActionLink("Reminders", "Reminders", null, new { @class = "btn btn-warning btn-md" }) 
          </div> 
         </div> 
         <div class="butLay"> 



          @Html.ActionLink("Expected customer", "Expectedcustomer", null, new { @class = "btn btn-info btn-md" }) 
         </div> 

        </div> 


        @* Right side*@ 
        <div class="pr col-md-6" ng-controller="MyAppCtrl"> 
         Search:<input ng-model="query" type="text" /> 
         <span class="label label-info">{{Info.length}} </span> 
         <table class="table table-striped table-hover "> 
          <thead> 
           <tr> 
            <th><a href="" ng-click="sortField = 'date'; reverse = !reverse">Date</a></th> 
            <th><a href="" ng-click="sortField = 'name'; reverse = !reverse">Name</a></th> 
            <th><a href="" ng-click="sortField = 'detail'; reverse = !reverse">detail</a></th> 
           </tr> 
          </thead> 
          <tbody> 


           <tr ng-repeat="custom in Info| filter:query | orderBy:sortField:reverse"> 
            <td>{{custom.date}}</td> 
            <td>{{custom.name}}</td> 
            <td>{{custom.detail}}</td>    
           </tr>     
          </tbody> 
         </table> 
         @*<ul class="pagination pagination-sm"> 
          <li class="disabled"><a href="#">«</a></li> 
          <li><a href="#">1</a></li> 
          <li><a href="#">2</a></li> 
          <li><a href="#">3</a></li> 
          <li><a href="#">4</a></li> 
          <li><a href="#">5</a></li> 
          <li><a href="#">»</a></li> 
         @*</ul>*@ 


        </div> 

       </div> 
       <table class="table table-condensed table-hover table-striped"></table> 
      </div> 
      @* of panel *@ 
     </div> 
     @*of row*@ 
    </div> 
    @* of container *@ 

Answer 1

Вы можете сделать 2 таблицы и один имеет

ng-if="variable==false"; 

другой имеет

ng-if="variable==true"; 

Тогда и сделать кнопку с

ng-click="myfunction(variable)" 

и в контроллере и есть

$scope.myfunction = function(variable){ 

    if(variable == true){ 
     variable = false; 
    }else{ 
     variable = true; 
    } 
} 

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

Чтобы установить, какие таблицы должны быть показаны defaul

ng-init="variable==true" 

, например

надеюсь, что это помогает