Как заставить работать ng-click в AngularJs

Question

Я добавил несколько событий ng-click для кнопок, но когда я пытаюсь нажимать кнопки, функция test () не срабатывает. Я сделал все, чтобы исправить это, но не смог.

<div ng-controller="bilgiyarismasiCtrl" ng-repeat="x in sorular">
    <div class="row text-center" style="margin: 50px 250px 50px 250px;">
        <div class="col-md-12" style="padding:90px; background-color:gray; color:white;">
            {{ x.SORU_ICERIGI }}
        </div>
        <div class="col-md-6" style="padding:50px; background-color:white;">
            <button ng-click="test()" class="btn btn-primary btn-lg">{{ x.A_SIKKI }}</button>
        </div>
        <div class="col-md-6" style="padding:50px; background-color:white;">
            <button ng-click="test()" class="btn btn-primary btn-lg">{{ x.B_SIKKI}}</button>
        </div>
    </div>
    <br /><br /><br />
</div>

Angular код:

var app = angular.module("module", ["ngRoute"]);

app.config(function ($routeProvider) {
    $routeProvider
        .when("/", {
            templateUrl: "bilgiyarismasi.html",
            controller: "bilgiyarismasiCtrl"
        });
});

app.controller("bilgiyarismasiCtrl", function ($scope, $http) {

    $http.get("http://localhost:53438/api/BilgiYarismasi/GetSorular")
        .then(function (response) {
            $scope.sorular = response.data;
        });

    $scope.test = function () {
        console.log(1)
    }    
});

Answer 1

FYI, ваш код выше не вызывает контроллер, из-за этого вы не можете получить результат, нажав любую из ваших кнопок.

Используйте код ниже:

var ngApp = angular.module('app', []);

    
ngApp.controller('bilgiyarismasiCtrl',function($scope, $http){
$scope.sorular = [];
 /* $http.get("http://localhost:53438/api/BilgiYarismasi/GetSorular")
            .then(function (response) {
                $scope.sorular = response.data;
            }); */
    $scope.test = function () {
            console.log('test')
        }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>


<div ng-app="app">
    <div ng-controller="bilgiyarismasiCtrl">
        <div >
        
         <div class="row text-center" style="margin: 50px 250px 50px 250px;">
        <div class="col-md-12" style="padding:90px; background-color:gray; color:white;">
            {{ x.SORU_ICERIGI }}
        </div>
        <div class="col-md-6" style="padding:50px; background-color:white;">
            <button ng-click="test()" class="btn btn-primary btn-lg">{{ 'x.A_SIKKI' }}</button>
        </div>
        <div class="col-md-6" style="padding:50px; background-color:white;">
            <button ng-click="test()" class="btn btn-primary btn-lg">{{' x.B_SIKKI'}}</button>
        </div>
    </div>
    <br /><br /><br />
    </div>
    </div>
</div>

Вы не включили ng-app в свой файл шаблона. Я создал демо, не могли бы вы взглянуть. Надеюсь, это вам поможет.