Typescript-201 Flashcards
How can we define optional arguments?
function
What are pipes used for?
Pipe asre used to format the data from src and bing them to the directive
Which design principle does Service resembles?
SRP Single Repsoncibility Principle
What is system js used for?
As a config & module loader
What is app.component.ts
It is a standard way of specifying the bootstrapping class.
What is @Component?
It is imported from @angular/core and it is used to bootstrap the class in app.component.ts
What is the syntax and way of using @Component?
First import the component from @angular/core
While importing need not to use @ sign as @ mostly specifies that at the notation & aLso if you want to make a class that could be used else where for @
import {component} from ‘@angular/core’
// The @Component takes an object in parenthesis to //invoke
@Component({ // the below are must defined keys of //@Component
selector : ápp',
template : 'html code or path to html file'
})
export class AppComponent{ } // Make it available
What is RxJS
Reactive Extension for JS
What is RxJS used for?
Its a programming with emitting data, sync or async
What is observable in RxJS?
Any emitting data from any src(array, api, object) is Observable
Does Observable automatically notifies the observer?
Yes the Observable notifies the observer when data starts emitting or arrive
What is the difference between Observable & Promise?
The promise gets the data one time, and you need to invoke the method again, with observable it will emit multiple times
Can you write a simple Observable code?
var obs = Rx.Observale.of(10);
obs.subscribe(function(d){
console.log(d); // prints 10
});Does Observable has the capability to invoke the error or success block? Say with E.g.
Yes
var obs = Rx.Observable.of(10);
obs.subscribe(
function(d){
d= d+d;
}, function(e){
console.log(ërror’’);
}, function(){
console.log(“success”);
}
);
so all three goes into the paren and as args, the success case wont have any args
What does from operator does?
It helps convert array into Observable
Can you write one e.g for creating an observer on settimeout ?
So Observable is a sort of wrapper around any function. The Observable will be there to act when the data is knocked. So
var timeout : Observable = Observable.create(
(observer: Observer(string)) => {
setTimeout(() // this shows the function itself will be //executed
=> // this shows the projection or giving from one to //another
{
observer.next(“kiran”); // so you omit on observer
}, 2000);
}
)
timeout. subscribe((v) => {
this. name = v;
});
How do specify the return type or a var type?
export let users : User[] = [{name : “prc””}] ;
so declare : define = assign
How can you create a model object?
export class Model exteds/implements class/interface {
}
What does the get of http returns?
It returns an Observable object with Response type
What is included in the Response object?
basic, CORS, default response headers, method to get the response data as text and as JSON, with other props regarding http response received from the request
Where does the response object of http passed to?
The response object is passed to the callback function attached to the subscribe object
Specify one e.g. of get, put and post of http ?
Yes
public get(book : Book) : Observable = function(){
this.http.get(this.url);
this.post(this.url, JSON.stringify(book));
this.http.put(this.url/ ‘${book.id}’, JSON.stringify(book));
}
Can we have two directives in one tag
No
What is window.location.href?
It will give the current domain
Can we access JS Global vars in interpolation tag
Nope
What is window.location.href?
It will give the current domain
Can we access JS Global vars in interpolation tag
Nope
How can we do attribute and property binding?
using [] ,
How to generate components in TS?
ng generate [component, module, service], generationg component will auto add into the module
