Функция удаления не работает в угловых Js

Question

Функция удаления не работает в угловых Js

0

Я не могу получить предупреждение для функции удаления, даже если я сделал правильную процедуру, поэтому, пожалуйста, помогите мне за то же самое. Спасибо заранее за решение моей проблемы. Я не могу получить предупреждение для функции удаления, даже если бы я сделал правильную процедуру, поэтому пожалуйста, помогите мне за то же самое. Спасибо заранее за решение моей проблемы

<html ng-app="crudApp">
    <head>
        <meta charset="UTF-8">
        <title>Angular js</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
    </head>

    <body>
        <form name="addForm"  ng-submit="Add" ng-controller="employeecontroller">
            First Name: <input type="text" ng-model="firstname"><br/><br/>
           Last Name: <input type="text" ng-model="lastname"><br/><br/>
            <input type="submit" name="btnInsert" value="Insert" ng-click='insertData()'/>
        </form>

        <div ng-controller="DbController">
            <table border="1">
                <tr>
                    <th>Firstname</th>
                    <th>Lastname</th>
                </tr> 
                <tr ng-repeat="detail in details">
                    <td>{{detail.firstname}}</td>
                    <td>{{detail.lastname}}</td>
                    <td><input type="button" value="Delete"  ng-click="deleteInfo()"/></td>
                </tr>
            </table>

        </div>
        <script>

            function employeecontroller($scope, $http) {
                $scope.insertData = function () {
                    $http.post("insert.php", {
                        'firstname': $scope.firstname,
                        'lastname': $scope.lastname,
                    }).success(function (data, status, headers, config) {
                        console.log("Data Inserted Successfully");
                    });
                }
            }

            var crudApp = angular.module('crudApp', []);
            crudApp.controller("DbController", ['$scope', '$http', function ($scope, $http) {
                    // Sending request to EmpDetails.php files
                    getInfo();
                    function getInfo() {
                        $http.post('select.php').success(function (data) {
                            // Stored the returned data into scope

                            $scope.details = data;

                            console.log(data);
                        });
                    }
                }]);

            function DbController($scope,$http) {

                $scope.deleteInfo = function () {
                    alert("hello");

                }
            }

        </script>

    </body>

</html>

Amit Jeswani 01 авг. 2016, в 10:58

Источник

0

Вам удалось поработать с employeecontroller ? похоже, что он не зарегистрирован в вашем приложении. нет ошибок?
AranS 01 авг. 2016, в 08:08
0

Не надо повторяться ...
Lasse Meyer 01 авг. 2016, в 08:20

Теги:

angularjs

1 ответ

Ещё вопросы

Вам удалось поработать с employeecontroller ? похоже, что он не зарегистрирован в вашем приложении. нет ошибок?

AranS · Accepted Answer · 2016-08-01T05-38-00.000Z

Каждый контроллер должен быть зарегистрирован как часть вашего приложения "Угловое". Вы зарегистрировали DbController но затем создали отдельную функцию DbController о которой Angular не знает. Попробуйте переместить функцию удаления на зарегистрированный контроллер. Как это:

 crudApp.controller("DbController", ['$scope', '$http', function ($scope, $http) {
                    // Sending request to EmpDetails.php files
                    getInfo();
                    function getInfo() {
                        $http.post('select.php').success(function (data) {
                            // Stored the returned data into scope

                            $scope.details = data;

                            console.log(data);
                        });
                    }

                   $scope.deleteInfo = function () {
                    alert("hello");
                    }
                 }