using angular.js to assign a value to an <input> field

Question

using angular.js to assign a value to an <input> field

There seems to be an issue with the code, as I am unable to 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>'

The controller is as follows:

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

An example of this code can be found on Codepen: http://codepen.io/anon/pen/GJggeE

javascript angularjs

Answer 1

Answer №1

<div ng-app="CompanyModule" ng-controller="CompanyController" >

    <label>Enter Your Company Name</label>
    <input type="text" class="form-control"  
     name="companyName" 
     ng-model="companyName " //ng-model connects controller scope to ui.
     ng-maxlength="100" 
     required/>

</div>



angular.module('CompanyModule', [])
  .controller('CompanyController', function($scope) {
    $scope.companyName = 'abc company';
  });

Link to view code in action: https://jsfiddle.net/ncoxq6zf/

Answer 2

<div ng-app="CompanyModule" ng-controller="CompanyController" >

    <label>Enter Your Company Name</label>
    <input type="text" class="form-control"  
     name="companyName" 
     ng-model="companyName " //ng-model connects controller scope to ui.
     ng-maxlength="100" 
     required/>

</div>



angular.module('CompanyModule', [])
  .controller('CompanyController', function($scope) {
    $scope.companyName = 'abc company';
  });

Link to view code in action: https://jsfiddle.net/ncoxq6zf/

using angular.js to assign a value to an <input> field

Answer №1

Similar questions

Exploring the world of command line testing with Angular2, Typescript, Karma, and Jasmine

What is the process for submitting a record to a table following the activation of a JavaScript link or button

When Custom Route Provider is not a valid function

Retrieve the audio file from the server endpoint and stream it within the Vue application

The process of altering a span label's class with JavaScript

Autofill Dropdown in AngularJS Using Data from Previous Page

Optimal approach for handling large JSON files

A guide on organizing dates in a datatable using the dd-MMM-yyyy hh:mm tt format

An elusive static image file goes unseen within the realm of node.js/express

Analyzing Compatibility and Ensuring Security

Leveraging a third-party UI component within an AngularJS directive

Expiration Date of Third-Party Cookies

Leveraging jQuery to extract the value from a concealed form field

What are some ways to display alternative content when JavaScript is not enabled?

Encountered an issue while working with npm vue-cli

Information is cleared before it is transmitted

Exploring nested documents in mongoDB with mongoose

Setting a JavaScript variable to null

get a duplicate of an object

Tips for displaying my libraries' function arguments while hovering in VSCode