Not getting complete list

Aug 20 2018 1:19 PM

I am new to Angular js.

Actual page code

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test Form</title>

<script src="angular.min.js"></script>
</head>
<body >
<div ng-app="" ng-init="Countries=[{name:'america', language:'english'},{name:'India', Language:'Telugu'},
{name:'saudi', language:'Arabic'}]; quantity=1;cost=20;student={Sname:'Kiran', RollNo:101}">

<p> Total cost : {{cost*quantity}}</p>
<p>Name : {{student.Sname}}</p>
<p>Roll No: {{student.RollNo}}</p>
<p>List of Countries</p>
<ol>
<li ng-repeat="country in Countries">
{{'Country:' + country.name + ' , language:' + country.Language}}
</li>
</ol>
</div>

</body>

</html>

But output is

Total cost : 20

Name : Kiran

Roll No: 101

List of Countries

Country:america , language:
Country:India , language:Telugu
Country:saudi , language:

I dont know what happend to other languages.

Answers (3)

what is isolate scope ? why it is required in angular js?

Unable to access Angular Material official site