AngularJS Controller syntax with as

Question

I am using AngularJS 1.6.9 with AngularJS Material. What I want to do is to add a menu item basic usage. The problem is that it didn't work because my structure is different.

Documentation of material says (I never seen it before):

angular
  .module('menuDemoBasic', ['ngMaterial'])
  .config(function($mdIconProvider) {
    $mdIconProvider
      .iconSet("call", 'img/icons/sets/communication-icons.svg', 24)
      .iconSet("social", 'img/icons/sets/social-icons.svg', 24);
  })
  .controller('BasicDemoCtrl', function DemoCtrl($mdDialog) {

  ...

Html:

<div class="md-menu-demo" ng-controller="BasicDemoCtrl as ctrl" ng-cloak>
...

My controller's name is MainController and I don't want to change my syntax.

My js syntax is:

app.controller("MainController", ["$scope","$http","$rootScope", function($scope,$http,$rootScope){
...

How can I change the code, in order to not to change my structure of my Controller and play?

Add $mdDialog like this app.controller("MainController", ["$scope","$http","$rootScope", "$mdDialog", function($scope,$http,$rootScope, $mdDialog){ ... — Anil Arya
– Anil Arya, Commented Apr 9, 2018 at 18:53
<div class="md-menu-demo" ng-controller="MainController" ng-cloak> — Anil Arya
– Anil Arya, Commented Apr 9, 2018 at 18:57

Anil Arya · Accepted Answer · 2018-04-09 19:06:00Z

1

Include $mdDialog like

app.controller("MainController", ["$scope","$http","$rootScope", "$mdDialog", function($scope,$http,$rootScope, $mdDialog){
...  // order should be same.

And HTML

<div class="md-menu-demo" ng-controller="MainController" ng-cloak>
...

answered Apr 9, 2018 at 19:06

Anil Arya

3,1197 gold badges45 silver badges69 bronze badges

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

4 Comments

Vasilis Greece Over a year ago

Can you edit this? One more thing. How to replace in example ng-click="ctrl.redial($event)" the ctrl if I change into MainController?

Vasilis Greece Over a year ago

It didn't work I just put ctrl again to work. Any other Ideas?

Anil Arya Over a year ago

BasicDemoCtrl as ctrl , here ctrl is just an alias name ....not needed actually, but people use to make it short name

Vasilis Greece Over a year ago

instead ctrl I check it with out it and with the whole name, nothing. Only with as ctrl works.

Collectives™ on Stack Overflow

AngularJS Controller syntax with as

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related