Question

这是我的app.js

angular.module('app', ['ui.router', 'satellizer'])
     .constant('API_URL', 'http://localhost/angular/public/api/v1/')
     .config(function($stateProvider, $urlRouterProvider, $authProvider) {
         $authProvider.loginUrl = 'angular/public/api/authenticate';
         $urlRouterProvider.otherwise('/auth');
         $stateProvider
             .state('auth', {
                 url: '/auth',
                 templateUrl: 'app/view/login.html',
                 controller: 'AuthController as auth'
             })
             .state('dashboard', {
                 url: '/dashboard',
                 templateUrl: 'app/view/dashboard.tmpl.html',
                 params: {
                     model: ''
                 }
             })
             .state('dashboard.employees', {
                 templateUrl: 'app/view/employee.tmpl.html',
                 controller: 'employeesController',

             }).state('dashboard.test', {

                 templateUrl: 'app/view/edit.tmpl.html',
                 controller: 'employeesController',

             })
     });

当我点击两次ui-sref="dashboard.employees"控制器调用时。

calls twice

这是我想要用于所有视图的控制器。我在laravek和angular上开发了一个cms。我无法为每个表实体创建新的控制器。

 angular.module('app')
    .controller('employeesController', function($scope, $http, API_URL,$stateParams) {
        //retrieve employees listing from API
        $scope.employees = '';


    $http.get(API_URL +  $stateParams.model)
        .success(function(response) {

            $scope.employees = response;
        });
    //show modal form
    $scope.toggle = function(modalstate, id) {
        $scope.modalstate = modalstate;

        switch (modalstate) {
            case 'add':
                $scope.form_title = "Add New Employee";
                break;
            case 'edit':
                $scope.form_title = "Employee Detail";
                $scope.id = id;
                $http.get(API_URL + $stateParams.model+'/' + id)
                    .success(function(response) {
                        console.log(response);
                        $scope.employee = response;
                    });
                break;
            default:
                break;
        }

        $('#myModal').modal('show');
    }

    //save new record / update existing record
    $scope.save = function(modalstate, id) {
        var url = API_URL + "employees";

        //append employee id to the URL if the form is in edit mode
        if (modalstate === 'edit') {
            url += "/" + id;
        }
        console.log('saved');
        $http({
            method: 'POST',
            url: url,
            data: $.param($scope.employee),
            headers: {
                'Content-Type': 'application/x-www-form-urlencoded'
            }
        }).success(function(response) {
            var index = _.findIndex($scope.employees, function(b) {
                return b.id == $scope.employee.id;
            });
              console.log(index);
            if (index != -1) {
                $scope.employees[index] = $scope.employee;
            } else {

              console.log($scope.employee);
                $scope.employee.id = response;
                $scope.employees.push($scope.employee);
                console.log($scope.employees);
            }
            $('#myModal').modal('toggle');

        }).error(function(response) {
            console.log(response);
            alert('This is embarassing. An error has occured. Please check the log for details');
        });
    }

    //delete record
    $scope.confirmDelete = function(employee) {
        var isConfirmDelete = confirm('Are you sure you want this record?');
        if (isConfirmDelete) {
            $http({
                method: 'DELETE',
                url: API_URL + 'employees/' + employee.id
            }).
            success(function(data) {
                _.remove($scope.employees, function(n) {
                    return n.id == employee.id;
                });
                console.log(data);
            }).
            error(function(data) {
                console.log(data);
                alert('Unable to delete');
            });
        } else {
            return false;
        }
    }
});

我的错误在哪里？我该如何解决这个问题？

Answer 1

请检查，如果您在employee.tmpl.html页面中调用了控制器，例如ng-controller="employeesController"

如果您拨打ng-controller

中的html，请删除

当状态发生变化时，为什

1 个答案: