�ݺ�ߣ

© 2013 www.Codelect.net
AngularJS Interview Questions
1. Consider the below AngularJS application, what will be displayed in the index.html page?
//index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Greeting</title>
<script src=/urilukach/angularjs-interview-questions/"/ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script>
<script src="scripts.js"></script>
</head>
<body >
<div ng-app="myApp">
<div>
{{ 'World' | eveningGreeting }}
</div>
</div>
</body>
</html>
//scripts.js
var myAppModule = angular.module('myApp', []);
myAppModule.filter('morningGreeting', function() {
return function(name) {

return 'Good Morning, ' + name + '!';
};
});
var i18nModule = angular.module('I18NApp', []);
i18nModule.filter('eveningGreeting', function() {
return function(name) {
return 'Good Evening, ' + name + '!';
};
});
Answers:
1. Good Evening, World!
2. Good Morning, World!
3. An $injector error will occur
4. An empty page
2. While running the below AngularJS code, you have encountered the following error in the console:
Error: Invalid value for <circle> attribute r="{{r}}"
What can be done to solve this error?
//AngularJS Code
<!doctype html>
<html ng-app>
<head>

ҧ
<script src=/urilukach/angularjs-interview-questions/"https:/ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script>
</head>
<body>
<div>
<label>Name:</label>
<input type="text" ng-model="r" placeholder="Enter Radius Size">
<hr>
<svg width="200" height="200">
<circle cx="150" cy="150" r="{{r}}" stroke-width="4" fill="blue" />
</svg>
</div>
</body>
</html>
Answers:
1. Nothing, AngularJS does not support SVG
2. Use the following attribute ng-attr-r (instead of r)
3. Use the following attribute radius (instead of r)
4. Add you own custom directive to create circles
Copy protected with Online-PDF-NoCopy.com

�ݺ�ߣ

AngularJS interview questions

Recommended

More Related Content

What's hot (20)

Similar to AngularJS interview questions (20)

Recently uploaded (20)

AngularJS interview questions