passing value to <input> with angular.js

Question

i cannot find a problem here, why i cant see the value in the

HTML:

'<div ng-app="BusinessinfoModule" ng-controller="BusinessinfoController" 
                          <label>Your Business Name</label>
    <input type="text" class="form-control"  name="bussiness" ng-model="bussiness" ng-maxlength="100" required>
</div>'

and the controller:

angular.module('BusinessinfoModule', [])
  .controller('BusinessinfoController', function($scope) {
    $scope.business = 'aaa';
  });

Here the codepen: http://codepen.io/anon/pen/GJggeE

your controller code is missing. Also, for proper formatting, just paste the code into the textfield, highlight the code, and press control + k (or click on the code button). — tim
– tim, Commented Apr 25, 2015 at 7:28
Your ng-model name is different from that in controller. bussiness & business, is that a typo? — Zee
– Zee, Commented Apr 25, 2015 at 7:51

micronyks · Accepted Answer · 2015-04-25 07:47:50Z

1

<div ng-app="BusinessinfoModule" ng-controller="BusinessinfoController" >

    <label>Your Business Name</label>
    <input type="text" class="form-control"  
     name="bussiness" 
     ng-model="business " //ng-model which binds your controller scope to ui.
     ng-maxlength="100" 
     required/>

</div>





angular.module('BusinessinfoModule', [])
  .controller('BusinessinfoController', function($scope) {
    $scope.business = 'aaa';
  });

https://jsfiddle.net/ncoxq6zf/

edited Apr 25, 2015 at 7:47

answered Apr 25, 2015 at 7:34

micronyks

55.6k17 gold badges122 silver badges166 bronze badges

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

2 Comments

micronyks Over a year ago

When controller gets executed it uses business scope which has 'aaa' value and if you look at in html the scope of your controller named BusinessinfoController ,it is defined for whole div. so your ng-model binds scope value to ui. (it plays two way Binding)

micronyks Over a year ago

Open your browser console and let me know which errors occur?

Collectives™ on Stack Overflow

passing value to <input> with angular.js

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related