нажмите и покажите все записи в моем списке в Angular

Question

Когда вы нажимаете эту кнопку, вы должны загрузить данные и затем показать в списке. Я использую функции ng-click и ng-repeat.

Как правильно объявить функции внутри скрипта? Я думаю, что там я терплю неудачу.

<script>
  var app = angular.module('myApp', [])
  app.controller('myCtrl', ['$scope', function($scope) {

    $scope.count = 0;   
    $scope.myClick = function() {
      $scope.count++;
    };

    $scope.Button = function() {
      $scope.myClickList = studentInfo;
    };

  }]);

    app.value('studentInfo', [
      { id: 1, name: 'Mahedee Hasan', credit: 20, semester: '8th' },
      { id: 3, name: 'Enamul Haque', credit: 15, semester: '7th' },
      { id: 4, name: 'Arefin Billah', credit: 15, semester: '6th' }
    ]);

</script>
<div class="modal-dialog">
  <div class="modal-content">

    <div class="modal-header">
      <h1>RODRIGO</h1>
    </div>

    <div class="modal-body width">
      <div class="group-control" ng-app="myApp" ng-controller="myCtrl">

        <div class="row">
          <div class="col-sm-6">
            <button ng-click="myClick()" class="form-control">Count</button>
            <button ng-click="myClickList()" class="form-control">List</button>
          </div>
          <div class="col-sm-6"align=center>
            <p><h1><b>{{count}}</b></h1></p> 
        </div>
      </div>
      <hr>


      <table class="table">
        <thead>
          <tr>
            <th>Id</th>
            <th>Name</th>
            <th>Credit</th>
            <th>Semester</th>
          </tr>
        </thead>

        <tr ng-repeat="s in studentInfo">
          <td>{{s.id}}
          </td>
          <td>{{s.name}}
          </td>
          <td>{{s.credit}}
          </td>
          <td>{{s.semester}}
          </td>
        </tr>
      </table>


    </div>
  </div>

  <div class="modal-footer">
    <h6>RODRIGO</h6>
  </div>

</div>
</div>

Мой полный пример здесь

Answer 1

Angularjs value - один из рецептов провайдера. Зарегистрированные value могут быть доступны через ввод заводской функции. Введите studentInfo, что внутри фабричной функции вашего контроллера, чтобы получить нужные значения.

app.controller('myCtrl', ['$scope', 'studentInfo', //< -- injected here
  function($scope, studentInfo) {

    ......

  }
]);

Forked Codepen