AngularJS controller "as" operator

Question

I have this view in AngularJS:

<form ng-submit="addCust.submit();"  ng-controller="AddCustomerCtrl as addCust">
<div>
    <input type="text" ng-model="addCust.cName" required />
</div>
<div>
    <input type="text" ng-model="addCust.cCity" required />
</div>
<div>
    <button type="submit">Add Customer</button>
</div>

And my controller is:

helloWorldControllers.controller('AddCustomerCtrl',['$scope','$location',
function AddCustomerCtrl($scope, $location){
    $scope.submit = function(){
        $location.path('/addedCustomer/' + $scope.cName + "/" + $scope.cCity);
    };
}
]);

But the "as" operator doesn't work in my netbeans.

My goal is to attach multiple controllers to one element, so I don't want to change the name of controller in itself, but as needed in the view where I want to attach controller to the element. Can anyone please help me where it is wrong? Thanks a lot.

Ajay Kumar · Accepted Answer · 2015-07-23 08:04:00Z

2

Modify your controller as:

helloWorldControllers.controller('AddCustomerCtrl',['$location', function AddCustomerCtrl($location){ 
  var addCust = this;
  addCust.submit = function(){ $location.path('/addedCustomer/' + addCust.cName + "/" + addCust.cCity); }; } ]);

answered Jul 23, 2015 at 8:04

Ajay Kumar

1,1642 gold badges10 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mohammad Reza Dehghani Tafti Over a year ago

thanks, your answer is right, but my goal is to attach multiple controllers to one element, so I don't want to change the name of controller in itself, but as needed in the view where I want to attach controller to the element.

Collectives™ on Stack Overflow

AngularJS controller "as" operator

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related