Search code examples
angularjsangularjs-scope

angularjs 1.3 controller as not working

I am using one controller on two different part of Page, For that i am using alias of controller using "controller as" syntax. But after upgrading to Angular 1.3.15 it is no longer working.Following is the fiddle to simulate the situation.

  1. Working example with 1.2.20

  2. it is not working with 1.3.15

Please let me know if i am making any mistakes.

<div ng-app="myapp">
<div ng-controller="PersonCtrl">
    <input type="text" ng-model="first">
    <p>{{first}}</p>
</div>
<div ng-controller="PersonCtrl as person">
    <p>{{person.$scope.first}}</p>
</div>

Solution

  • Simply remove Second controller with "as" and Make <div ng-controller="PersonCtrl"> as parent controller and write expression again in another div to take effect of same controller ng-model.

    <div ng-app="myapp">
<div ng-controller="PersonCtrl">
    <input type="text" ng-model="first">
    <p>{{first}}</p>
   <div>
    <p>{{first}}</p>
   </div>
</div>