Hi I’m new in angularjs I am try to print country list and state list. But my code is not working proper.
At the time one things is print. If you want to print country then you write print country code as first line and if you want to print state list then you write code print state list as first line according to my code.
My code is here
<h1>Sample Application</h1>
<div ng-app="" ng-init="countries=[{locale:'en-IN',name:'India'},{locale:'en-GB',name:'United Kingdom'},{locale:'en-FR',name:'France'}]">
<h2>List of Countries with locale:</h2>
<ul>
<li ng-repeat="country in countries">{{ 'Country: ' + country.name + ', Locale: ' + country.locale }}</li>
</ul>
</div>
<div ng-app="" ng-init="states=[{language:'Hindi',name:'Uttar Pradesh'},{language:'English',name:'Banglore'},{language:'Telgu',name:'Tamil Nadu'}]">
<ul>
<li ng-repeat="state in states">{{'State: '+state.name+', Language: '+state.language}}</li>
</ul>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
What is problem in my code I can’t understand please help me.
Thanks in advance.
Last updated:3/19/2015 7:43:58 AM
Anonymous User
Your fault is you use ng-app attribute two times it is not correct way because ng-app starting point of angularjs and you know very well everything starting point is one.
So Please try this code: