页面加载时运行角度按钮功能

Question

I have a ng-click button that as soon as the page loads it execute Save(); As soon as it load the page even before I click on Submit button, it add empty data to database, why it does not wait to be clicked? what can I do to fix it?

<div class="col-md-2">
   <button ng-click="Save()">Submit</button>
</div>

This is a part of my controller :

var App = angular.module("App", ['angularjs-dropdown-multiselect']);
App.controller('autoCompleteCTRL', ['$scope', '$rootScope', 'MyServices', function ($scope, $rootScope, MyServices) {

    $scope.Save = function () {
        var VCISel = angular.copy($scope.searchText);
        var RolesSel = angular.copy($scope.SelectedItems);
        MyServices.AddRole(Sel, "adad",RolesSel)
        .success(function (data) {
        })
        .error(function (error) {
            $scope.status = 'Unable to load customer data: ' + error.message;
        });
    };
    $scope.Save();
}]);

Answer 1

在控制器定义的最后，您通过执行$scope.Save();调用Save函数$scope.Save();

Answer 2

Remove $scope.Save(); at end of autoCompleteCTRL controller.

Answer 3

Try this

var App = angular.module("App", ['angularjs-dropdown-multiselect']);
App.controller('autoCompleteCTRL', ['$scope', '$rootScope', 'MyServices', function ($scope, $rootScope, MyServices) {

    $scope.Save = function () {
        var VCISel = angular.copy($scope.searchText);
        var RolesSel = angular.copy($scope.SelectedItems);
        MyServices.AddRole(Sel, "adad",RolesSel)
        .success(function (data) {
        })
        .error(function (error) {
            $scope.status = 'Unable to load customer data: ' + error.message;
        });
    };
}]);