passing value to 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, Apr 25 '15 at 07:28
Your ng-model name is different from that in controller. `bussiness` & `business`, is that a typo? — Zee, Apr 25 '15 at 07:51

micronyks · Accepted Answer · 2015-04-25T07:47:50.810

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 '15 at 07:47

answered Apr 25 '15 at 07:34

micronyks

54,797
15
112
146

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 Apr 25 '15 at 07:40
Open your browser console and let me know which errors occur? – micronyks Apr 25 '15 at 07:44

passing value to with angular.js

1 Answers1