Angular.js

Question 1

What is ng-app?

Answer 1

ng-app is a directive that designates the root element of your application. There can only be one ng-app that’s auto-bootstrapped per application and it usually lives in body or html tags

Question 2

What is ng-Controller

Answer 2

This directive creates a new controller object and a new child scope which is made available as an injectable parameter to the controller function as a $scope. Controllers can be used to set up the initial state of $scope object and add behavior to said object

Question 3

What is data-binding?

Answer 3

Data-binding in angular apps is the automatic synchronization of data between the models and view components.

Question 4

What is the model in MVC?

Answer 4

Models hold information, but rarely handle behavior, They don’t format info or influence how data appears in browser.

Question 5

What is Model View ViewModel?

Answer 5

An architectural pattern based on MVC and MVP which separates user-interface from logic and behavior in an application.

Question 6

Can you use more than one controller on a page

Answer 6

Yes using ng-Controller to define the scope

Question 7

What is two-way-data binding

Answer 7

1. When properties in the model get updated so does the UI
2. When UI elements get updated, the changes get propagated back to the model.
   - this is how the UI can stay separated from the logix

Question 8

What is a scope object and properties?

Answer 8

Scope.person is an object of scope, and name is a property of scope. and can be written like this: $scope.person = {
name:”Kate”
};

Question 9

What is scope?

Answer 9

Scope is the glue between the app controller and the view. Directives and controllers have references to the $scope but not each other. Basically a javascript object with properties and methods

Question 10

ng-repeat directive

Answer 10

//App Js
app.controller('MainCtrl', function($scope) {
  $scope.persons = [
    'Jack',
    'Jill',
    'Tom',
    ];
});
//Index.html

<p>
  Hello {{person}}!
</p>

Question 11

Angular uppercase filter

Answer 11

<div>
<p>The name is {{ lastName | uppercase }}</p>
</div>

Question 12

ng-model directive

Answer 12

With the ng-model directive you can bind the value of an input field to a variable created in AngularJS. The binding goes both ways. If the user changes the value inside the input field, the AngularJS property will also change it’s value. The ng-model directive can provide status for application data (invalid, dirty, touched, error):

Question 13

Why use angular services?

Answer 13

1. Shares data between controllers
2. Keeps business logic inside Controllers and data logic inside services.
3. DRY

Question 14

What is persistent data?

Answer 14

Persistent Data denotes information that is infrequently accessed and not likely to be modified.

Question 15

Factory

Answer 15

When you’re using a Factory you create an object, add properties to it, then return that same object. When you pass this service into your controller, those properties on the object will now be available in that controller through your factory.

Question 16

How do you inject a service into our controller so we can access its data

Answer 16

Add the name of the service as a parameter to the controller you wish to access it from:
app.controller('MainCtrl', [
'$scope',
'posts',
function($scope, posts){
  ...

)};

Question 17

How do you include a dependency in app?

Answer 17

angular.module(‘flapperNews’, [‘ui.router’])

Question 18

What is $stateProvider

Answer 18

1. A state corresponds to a “place” in the application in terms of the overall UI and navigation.
2. A state (via the controller / template / view properties) describes what the UI looks like and does at that place.
3. States often have things in common, and the primary way of factoring out these commonalities in this model is via the state hierarchy, i.e. parent/child states aka nested states.

Question 19

What is $urlRouterProvider? How do you redirect to default view if other views arent found?

Answer 19

Changes/redirects to urls based on state.

$urlRouterProvider.otherwise(‘home’);

Question 20

What is the $stateParams service?

Answer 20

The $stateParams service is an object that can store information about a url.