Tag: AngularJs | Andrewsy's Space

Recently, I’ve encoutered a weird problem in the project, it’s about the value of the ngModel. Let me explain the problem. see the code

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<link rel="stylesheet" href="../../bower_components/bootstrap/dist/css/bootstrap.min.css"/>
	<script src="../../bower_components/angular/angular.min.js"></script>
    <script src="../../js/ngModel.js"></script>
</head>
<body ng-app="ModelApp">
	<div class="page-header">
		<h1 class="text-center">ng-model initialize example</h1>
	</div>
	<div class="panel panel-danger" ng-controller="ModelController1">
		<div class="panel-heading">the angular model without initialize:</div>
		<div class="panel-body">
			<div>
				<input type="text" id="myInput1" ng-model="myModel1" value="A"/>
				<label for=""> -> This input tag bundles the ngModel which name is 'myModel1'</label>
			</div>
			<div>
				<input disabled="true" id="displayModelValue1" type="text" value="{{myModel1}}"/>
				<label for=""> -> This input tag displays the value of the above ngModel</label>
			</div>
		</div>
	</div>
</body>
</html>

Andrewsy's Space

Stay Hungry,Stay Foolish

Usage