angular advance study

[changtimwu]

• login and route (https://docs.google.com/file/d/0B4F6Csor-S1cNThqekp4NUZCSmc/edit)
  • active user profile is embedded in index.html(server side include)
  • and in the index.html. It creates an angular const which offers the active user profile.
• how to implement a service which supporting promise
  • study promise
  • how to make babel compile into es-5 compatible promise
• ngCloak

[changtimwu]

This is what we failed to do

When implementing conditional features, we want to:
1. Load only the code for features that the current user can access. 
2. Limit access to specific parts of the controller/view.

[changtimwu]

remove # hashtag http://stackoverflow.com/questions/22102815/how-to-delete-sign-in-angular-ui-router-urls

[changtimwu]

when met peerDependency error please uninstall all related generators first

npm uninstall -g generator-angular
npm uninstall -g generator-karma

[changtimwu]

try gulp-angular generator it includes quite a lot good stuff including ui-router

[changtimwu]

excellent q explain http://blog.begin.com.tw/?p=30

window.intabctl = ($scope, $q, $timeout)->
  slowadd = (a,b)->
      qj = $q.defer()
      $timeout (->
        if a+b<20
          qj.resolve a+b
        else
          qj.reject 'over 20'
     ), 5000
      qj.promise

  slowadd(7,8).then( (sum)->
      console.log('sum is ', sum)
      slowadd( 1,2)
  ).then( (sum)->
      console.log('sum is ', sum)
      slowadd( 4,5)
  ).then( (sum)->
      console.log('sum is ', sum)
  )

  #parallel
  pms= [slowadd( 7,8), slowadd(8,1)]
  $q.all(pms).then (answers)->
  console.log 'all done',answers

[changtimwu]

insightful https://ruby-china.org/topics/27590#reply7

[changtimwu]

nice angular resource

• http://blog.darkthread.net/blogs/darkthreadtw/archive/tags/AngularJS/default.aspx
• http://blog.darkthread.net/post-2014-06-11-angularjs-notes-1.aspx
• http://blog.darkthread.net/post-2014-09-23-john-papa-angular-style-guide.aspx famous john papa style guide

[changtimwu]

sequential promise examples http://www.codeducky.org/q-serial/ http://jsfiddle.net/changtimwu/czU8L/3/

$q.serial can't provide the same interface as $q.all because a task would started upon creating the promise. This violates the term serial whick implies a task would be started only after previous task has done.

[changtimwu]

https://github.com/alamgird/angular-next-starter-kit seems a good project demostrating how to combine angular1/typescript/webpack/karma but its karma is empty.

• https://github.com/angular-tips/webpack-demo got everything but typescript
• https://github.com/Keats/react-ts-boilerplate got everything but angular