AngularJS Welcome to your AngularJS Which of the following is true about ng-bind directive?ng-bind directive binds the AngularJS Application data to HTML tags.ng-bind updates the model created by ng-model directive to be displayed in the html tag.ng-bind updates html control data when controller changes the model.All all correct Which of the following is true about uppercase filter?Uppercase filter is a function which takes text as input.Uppercase filter converts a text to upper case text.Both of the above.None of the above. angular.module is primarily used to create application module.TrueFalse Which of the following is true about ng-include directive?Embed HTML pages within a HTML page using ng-include directiveEmbed JS files within a HTML page using ng-include directiveBoth of the above.None of the above. Which components can be injected as a dependency in AngularJS?valuefactoryserviceAll of the above. Filters select a subset of items from an array and return a new array.truefalse Being JavaScript only framework, application written in AngularJS are not safe and secure.truefalse Currency filter is applied to an expression using pipe character.truefalse novalidate with a form declaration disables any browser specific validation.falsetrue AngularJS is based on the . . . . . . pattern.VMCMVCMCVCVM Angular 2 is a cross platform framework. Angular 2 uses . . . . . . . . . for fast views on mobile.client side renderingserver side rendering It contains the information about a route associated with a component loaded in an outlet. An . . . . . . . . . . can also be used to traverse the router state tree.ActivatedRouteNavigationRouteNavigateRouteActiveRoute AngularJS applications are a mix ofHTML and PHPHTML and CrossScriptHTML and AngularScriptHTML and JavaScript We need to tell AngularJS what part of our HTML page contains the AngularJS app. You do so by adding the . . . . attribute to the root HTML element of the AngularJS app.ng-appag-appjs-appaj-app There is a controller which takes single parameter. We call it . . . . . parameter.$param$control$scope$scont The . . . . . . directive is one of the most fundamental directives in AngujarJS. The . . . . . directive inserts the result of an expression into the HTML template.DebugInterpolationMatchingController First the HTML document is loaded into the browser, and evaluated by the browser. At this time the AngularJS . . . . . . .JavaScript file is loadedthe angular global object is createdyour JavaScript which registers controller functions is executedall of above You cannot use AngularJS directives to tell AnguluarJS how to mix the data into the HTML template.TrueFalse If the data obtained from the model contains HTML elements, these are escaped before being inserted into the HTML template. The escaping means that the HTML is displayed as text, and not as HTML. This is done to prevent . . . .SQL injection attacksJS injection attacksHTML injection attacksPython injection attacks AngularJS can show or hide HTML depending on the state of data in the model. You do so using a set of AngularJS directives such as . . . . . . which are created specifically for that purpose.ng-shown, ng-hiddenng-show, ng-hident-show, nt-hideng-shows, ng-hides The . . . . . directive is used if you want to add or remove HTML elements from the DOM based on data in the model.ng-switchng-modelng-Disabledng-Cloak Angular 2 is a cross platform framework.TrueFalse Angular 2 is entirely component based. Controllers and $scope are no longer used. They have been replaced by . . . . . . . and . . . . . . . .components, controllers$scopes, componentscomponents, directivescontrollers, directives Angular 2 components can be described using . . . . . . A . . . . . . is a way to do some meta-programming.controllers, controllerloaders, loadertypescripts, typescriptdecorators, decorator Angular 2 uses . . . . . . . . syntax for built-in directives.Pascal caseSnake caseCamel caseUnderscore case You can use languages like . . . . . . . . . to write Angular 2 code.ES5ES6TypeScriptorDart The . . . . . . . . . . directive substitutes the normal href property and makes it easier to work with route links in Angular 2.RouterLinkRouterRendRouterLikeRouterLayer There are two ways to build forms in Angular 2, namely . . . . and . . . . . .interface-drivenmodel-driventemplate-drivenmodular-driven Angular 2 is an open source JavaScript framework to build web applications in HTML and JavaScript and has been conceived as a . . . . . . . . .mobile first approachUI first approachweb first approachall of above Angular 1 core concept was $scope, and you will not find $scope in angular 2.0. Angular 2 is using . . . . . . . . to detect changes.zone$.jsScope.jszone.jszones.js Angular 2 integrates easily with NativeScript, allowing you to code your native app in a . . . . . . . . . style that can run on any mobile device platform.declarativeimperativeinterrogativeexclamatory Angular 2 make use of the . . . . . . . module syntax.ES2016aES2017ES2016ES2015 In Angular 2, applications rely upon the . . . . . . . method to load top-level componentsloadstrapbootstrapbootloadnone of above In Angular 2.0, the template compilation process is . . . . . . .synchronousasynchronous On the opposite side of event bindings (()) lie Angular's square-bracket syntax ([]) which signify a . . . . . .property bindingclass bindingstyle bindingboth A & B Angular 2.0 contains a logging service called . . . . . which is very useful feature measuring where time is spent in your application.config.jslogging.jsdiary.jsnone of above The router in Angular 2.0 has been reworked to be simple, yet extensible. It will include the following basic features:Simple JSON-based Route ConfigOptional Convention over ConfigurationStatic, Parameterized and Splat Route PatternsURL UnresolverAll of above Angular 2 has a . . . . . . . service that allows us to dynamically load a component in a certain position on the page.DynamicControlLoaderDynamicControllerLoaderDynaCompLoaderDynamicComponentLoader Angular 2 can detect when component data changes, and then automatically re-render the view to reflect that change.TrueFalse The . . . . . . . . . . . . is a highly configurable and feature packed router. Features included are standard view routing, nested child routes, named routes, and route parameters.Distinctive RouterComponent RouterAngular RouterCreative Router The . . . . . . . . . . directive is used to display views for a given route.RouterAngleRouterLinkRouterStateRouterOutlet RouterModule.forChild creates a module that contains all the directives and the given routes, and the router service.TrueFalse The . . . . . . . . . directive substitutes the normal href property and makes it easier to work with route links in Angular 2. Moreover if we want to navigate between routes, we use the . . . . . . . . . . . directive.RouterLinksRouterLinkingRouterLinkRouterLinq Three main components of Routing are . . . . . . . . . . .RouteObjectRouterOutletRouterStateRouterLink Route . . . . . . . . . . allow us to pass values in our url to our component so we can dynamically change our view content.pipesmodulesvariablesparameters . . . . . . . . . . . is nothing but the directive which is provided by the RouterModule. The main role of . . . . . . . . . is that the router will display each and every component immediately below router-outlet.router-resolverouter-outletrouter-intletrouter-guard In Angular 2 . . . . . . . . . . represents an event triggered when a navigation starts.RouteStartRouteInitialNavigationStartNavigateStart There are four different guard types we can use to protect our routes, one of these isCanLoadCanStartCanNavigateCanStop AngularJS supports . . . . . kind(s) of data binding.onetwothreefour AngularJS never regenerates the HTML again.TrueFalse AngularJS bindings are . . . . . , meaning that when the value associated with the binding is changed (in the data model), the HTML element will be updated.parallelone waytwo waylive You can use the . . . . . . directive, in order to bind the innerHTML of the element to the specified model property.ng-bindng-bindingng-bindsng-bindings Any change to the . . . . and . . . . . properties affects these bindings and consequently the user interface content.noOfTries, deviationsrestart, triesnoOfTries, deviationnoOfTry, deviation In two-way binding, changes done to a model are reflected in the view, but the reverse also holds true sometimes.TrueFalse You can create bindings only for the data values that are added to the . . . . . object by the controller.$action$control$scopenone of above The ng-bind directive . . . . . . allow you to hide your template markup when the HTML content is shown to the user before it is processed by AngularJS.doesdoes not The drawback of inline bindings is that AngularJS will not find and process every set of {{ and }} characters in your content.TrueFalse When adding . . . . . and . . . . . . to a view, we are essentially instructing Angular to create data bindings that keep the model and view in sync.extrapolations, interpolationsscopes, directivesdirectives, interpolationnone of above Event binding can be defined ....by wrapping the event in (parenthesis)by prefixing it with in-by wrapping the event in {curly brackets}by prefixing it with on- EventEmitter class acts both as an observer and observable.TrueFalse Events in Angular 2 behave like normal DOM events. They can bubble up but cannot propagate down.TrueFalse EventEmitter class’s simple interface, which basically encompass two methods . . . . . . . . . can therefore be used to trigger custom events and listen to events as well, both synchronously or asynchronously.exit()superscript()subscribe()emit() Angular framework provides event binding using in-built event as well as custom event. Custom events are the EventEmitter instances. To create a custom event we need to create an instance of EventEmitter annotated by . . . . . . .@Input()@Get()@Output()@Set() EventEmitter class is used by directives and components to emit custom Events.TrueFalse @Output() myEvent = new EventEmitter();Declares an output property that fires events that you cannot subscribe to with an event binding.Declares an output property that fires events that you can subscribe to with an event binding.Declares an output property that overrides events that you can subscribe to with an event binding.Declares an output property that subscribes events that you can subscribe to with an event binding. . . . . . . need to be passed as a parameter in the event callback from the template to capture the event object.$event.start$events$eventobj$event Calling . . . . . . . . on the event prevents propagation.stopEventPropagationpreventEventPropagationstopPropagationpreventPropagation Events on child elements are propagated upwards, and hence event binding is also possible on a parent element.TrueFalse Time is Up! Super admin 2020-12-31T23:12:08+00:00 Share This, Choose Your Platform! FacebookTwitterLinkedinRedditGoogle+PinterestVk