Cloud Native Python

Binding data for the adduser template

Data binding is useful to bind your data with the UI. The property from the UI will be processed only for the first time if we do not use Observables. In this case, it cannot update automatically based on the underlying data update. To achieve this, bindings must be referred to the Observable properties.

Now we need to bind our data with the form and its field, as shown in the following code:

    <form data-bind="submit: addUser"> 
     <div class="navbar"> 
       <div class="navbar-inner"> 
           <a class="brand" href="#">Tweet App Demo</a> 
       </div> 
     </div>      <div id="main" class="container"> 
      <table class="table table-striped"> 
       Name: <input data-bind="value: name" placeholder="Full Name of       user" type "text"/> 
     </div>  <div> Username: ...