Мой угловой скрипт приложения не выполняется

Question

Следующая страница основана на примере страницы Angular, созданной Visual Studio для нового веб-приложения Angular:

<h1>Member Module</h1>

<p>This is a simple example of an Angular component.</p>

<p aria-live="polite">Current count: <strong>{{ currentCount }}</strong></p>

<button class="btn btn-primary" (click)="incrementCounter()">Increment</button>

<div ng-app="myApp" ng-controller="myController">
  <table>
    <tr ng-repeat="x in portfolios">
      <td>{{ x }}</td>
    </tr>
  </table>
</div>

<script>
  var app = angular.module('myApp', []);
  app.controller('myController', function ($scope, $http) {
    $http.get("https://localhost:44319/api/Portfolio")
      .then(function (response) { $scope.portfolios = response.text(); });
  });
</script>

Счетчик кнопок работает так, что в значительной степени подтверждает наличие поддержки Angular.

Я добавил дополнительный угловой код на эту страницу. Начиная с тега div, приведен пример кода, который я основываю на учебном пособии, которое я нахожу здесь: https://www.w3schools.com/angular/angular_sql.asp. Это будет мой первый набег в поиске данных с внутреннего сервера SQL Server и их отображении на веб-странице с использованиемAngular.

Я установил точку останова внутри моего контроллера: https://localhost:44319/api/Portfolio

Если я нажму этот URL-адрес вручную в окне браузера, точка останова будет достигнута, как и ожидалось. Но когда я загружаю страницу, у меня нет точки останова. Так что скрипт не запускается, но я не могу понять, почему нет.

Можете ли вы помочь мне с этим? Спасибо!

Answer 1

переместите вызов API в некоторую функцию и вызовите эту функцию, например

var init=function(){

 $http.get("https://localhost:44319/api/Portfolio")
      .then(function (response) { $scope.portfolios = response.text(); });
}

init();

Также нет ничего похожего на (click) в angularjs, это должно быть ng-click

SO