Scribd
Upload
1K views

AngularJS 1.x Routers and Custom Directives Q&A

1. ngAnimate can be used with CSS is incorrect. 2. For using ui-sref, the required property is state to activate. 3. When ngAnimate animates an element, it will apply the ng-animate CSS class to the element for the duration of the animation.

Uploaded by

Rohit Nigam
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
1K views

AngularJS 1.x Routers and Custom Directives Q&A

1. ngAnimate can be used with CSS is incorrect. 2. For using ui-sref, the required property is state to activate. 3. When ngAnimate animates an element, it will apply the ng-animate CSS class to the element for the duration of the animation.

Uploaded by

Rohit Nigam
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

The…………… service is not able to function properly if the current URL is

outside the URL given as the base href. $location

Which is the correct syntax format for constructing a route and binding a
route parameter?
<a ng-href=”#/detail/{{food.id}}”>Click for more.......</a>

Which function best describes routing? Loads templates into the ng-view element

Complete the code to set up the locale controller to use the local service
function LocaleController($scope,$locale) { $scope.myDate=Date.Now();
$scope.formattedDate=?.DATETIME_FORMATS.fullDate; }

$locale

Which function is used to set up a default route? Otherwise()

what is a feature of the $anchorScroll service?


Enables automatic scrolling in parts of a page

what is the purpose of the $location service? It enables changing the path of the
application in order to perform navigation

The directive………………that marks where the router should display a


view. Ng-outlet

With _, views and routes are tied to the application url ng-route

Is router part of core Angular script file? No.it is not…………….

What is not a characteristics of a UI-Router? does not allow use of


multiple subviews…..

Which UI-Router directive allows you to create links connecting to your


states? Ui-sref

For using ui-sref, what is required state to be activated

which of the following variables can be injected into a function once you
have included ui-router in the list of dependencies for your module?

$urlrootprovider $stateprovider

____ implements routing based on the state of the application where as


______ implements routing based on the route URL ui-router ng-route
Every built-in directive in AngularJS support animations. False

Which of the directives allow the animation move? Ng-repeat

When does ngAnimate checks for animation in the application?

During run time

Can animations be achieved with custom directive?


Yes. Animations are possible with custom directives using $animate service

Which feature best describes the template property?


The template property is used for very small templates

which feature best describes the $compile service? Creates new HTML….

A ………. is a behavior which should be triggered when specific HTML


constructs are encountered during the compilation process directive

When creating an AngularJS directive, which character is used with the


restrict option to specify that only the attribute name should be matched?

A ___ is a javaScript factory function that holds a set of instructions for the
HTML compiler for defining a specified behavior of a DOM element.
Directive

In AngularJS, ………….. is an Angular service which traverses the DOM


looking for attributes. Compile

Final:

1. ngAnimate can be used with CSS is wrong


2. For using ui-sref, what is required state to activate
3. When ngAnimate is animating an element it will apply the __ CSS
class to the element for the duration of the animation ng-animate
4. What is a feature of the $anchorScroll service? Enable Automatic
scrolling…….
5. Which feature best describes the template property?
6. The template property is used for very small templates
6. What is deep linking in AngularJS? Deep linking allows you to encode the
state of application in the URL so that it can be bookmarked.

7. which of the following variables can be injected into a function once you
have included ui-router in the list of dependencies for your module?
$urlrootprovider $stateprovider

8. $stateParams is used to access url parameters of parent state


False
9. $animate can be used in a directive true
10. When creating an AngularJS directive, which character is used
with the restrict option to specify that only the attribute name should
be matched? A
11. …………….Configures a Router with RouteDefinitions, each
mapping a URL path to a component. Routeconfig
12. A ………. is a behavior which should be triggered when specific
HTML constructs are encountered during the compilation process
Directive
13. Inside your MainCtrl class, you want to make a request to the
server. Complete the code segment you would use to do this by
providing the appropriate service. ………………
.get($scope.url).success(function(result,status.headers.config) {
console.log('GET SUCCESS'); console.log(result);
$scope.result1=result['data']; }); $http
14. Which function can be used to update the HTML? $digest
15. ngAnimate module is defined in which library? Animate.css is
wrong
16. Which UI-Router directive allows you to create links connecting to
your states? Ui-sref
17. A ___ is a javaScript factory function that holds a set of
instructions for the HTML compiler for defining a specified behavior of
a DOM element. Directive

18. Complete the code to set up the locale controller to use the local
service

function LocaleController($scope,$locale)
{
$scope.myDate=Date.Now();
$scope.formattedDate=?.DATETIME_FORMATS.fullDate;
}
$locale

19. Which function is used to set up a default route? Otherwise()

20. Which function best describes routing? Loads template………..

You might also like