2016年12月20日 星期二

[MEAN] Tutorial

https://thinkster.io/tutorials/mean-stack/creating-schemas-with-mongoose

Self-study notes:

what is state ?

.state
@ AngularApp.js
define the url -> controller -> view.html relationship
define "otherwise" page redirection

.controller
@ AngularApp.js

where is view ?

place <ui-view></ui-view> into index.ejs
- to tell ui-router where to place the javascript-triggered template view


what is factory ?

kind of an Angular service
return common object for different controllers
can keep data for an application lifetime
main logics should go here than in controllers

what is data-binding ?

to allow showing synchronised model data into view at all time
- AngularJS will be responsible for this

what is special with $scope ?

- note for the special dollar sign
- bridge between AngularJS controller and view 
- can bind with functions or variables
- {{hhhhheelllooooo}} as notation in view

Any difference between .config and .run ?

Config block > service > injector > run block

Structure of an AngularJS app:


- defines config, which defines routes
- defines controllers
- defines factories, blablabla ...


Why there is a $ sign for some variables?

AngularJS will inject these special-defined variables into the functions

A look as sample on my "sticker" function:




Reference

https://tylermcginnis.com/angularjs-factory-vs-service-vs-provider/

沒有留言:

張貼留言

日常秘技小輯錄

媽媽傳授: 用爉燭塗在線上縫紉,可以更容易打結,以及拉縫線更順 爸爸傳授: 貼玻璃紙前在玻璃面塗上肥皂水,可以移動玻璃紙不留摺痕