Any property that you want to track the changes and let the view components automatically update needs to be added as an observable. This will let you dynamically change the value of the properties added to a view model based on several operations and data exchange through interactions. Let us review an example of adding a property to our previous program with the observable ability, as follows:
- Change the
index.htmlpage content to include an additional propertyorganizationNamewith observable nature, as follows:
<!DOCTYPE html>
<html>
<head>
<title>Knockout JS</title>
</head>
<body>
<h1>Welcome to Knockout JS programming</h1>
<table border="1" >
<tr >
<th colspan="2" style="padding:10px;">
<b>Employee Data - Organization :
<span style="color:red"...