Josh walked us through building a simple Angular app, using the lessons learned from Wintellect’s recent dev and launch of a global enterprise software app. <\/p>\n
Angular is for AWESOME!<\/strong> ng-controller – find the controller, and hand off DOM control to the controller by adding ng-controller to an element (ie a containing element) ng-view (a new html tag by virtue of angular) ng-animate – a way to harness css3 animations<\/p>\n General<\/strong> $http as a param passed to function Modules<\/strong> Controllers – just a JS object Lodash (_. prefix)<\/p>\n Services<\/strong> Routing<\/strong> Handling when a route fails <\/strong>(ie error handling) Josh walked us through building a simple Angular app, using the lessons learned from Wintellect’s recent dev and launch of a global enterprise software app. Angular is for AWESOME! Josh Carroll @jwcarroll technofattie.com The code github.com\/jwcarroll.ng-contacts directives – typically an attribute on an element ————————————————- ng-app ng-init (used to inject a title in his demo) … Continue reading Notes from CodeStock 2014\u2032s \u201cAngular Is Awesome\u201d presentation<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4,17],"tags":[41,42,37,35,40,39,38],"_links":{"self":[{"href":"https:\/\/www.minotaurdesign.com\/blog\/wp-json\/wp\/v2\/posts\/192"}],"collection":[{"href":"https:\/\/www.minotaurdesign.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.minotaurdesign.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.minotaurdesign.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.minotaurdesign.com\/blog\/wp-json\/wp\/v2\/comments?post=192"}],"version-history":[{"count":1,"href":"https:\/\/www.minotaurdesign.com\/blog\/wp-json\/wp\/v2\/posts\/192\/revisions"}],"predecessor-version":[{"id":193,"href":"https:\/\/www.minotaurdesign.com\/blog\/wp-json\/wp\/v2\/posts\/192\/revisions\/193"}],"wp:attachment":[{"href":"https:\/\/www.minotaurdesign.com\/blog\/wp-json\/wp\/v2\/media?parent=192"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.minotaurdesign.com\/blog\/wp-json\/wp\/v2\/categories?post=192"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.minotaurdesign.com\/blog\/wp-json\/wp\/v2\/tags?post=192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\nJosh Carroll
\n@jwcarroll<\/a>
\ntechnofattie.com
\n<\/a>
\nThe code<\/strong>
\ngithub.com\/jwcarroll.ng-contacts<\/a>
\n
\ndirectives – typically an attribute on an element<\/strong>
\n————————————————-
\nng-app
\nng-init (used to inject a title in his demo)
\n\t– ng-init=”contacts=[bob1,bob2,bob3]”
\n\t– plugged it in with {{title}}
\nng-model
\n\t– he bound an input to the ‘title’ var he had leveraged in the injected title
\n\t– ng-model=’title’
\nng-repeat
\n\t-ng-repeat=”contact in contacts”>{{contact}}
\nng-search
\n\t– “searching by ‘{{search}}'”
\nng-if
\n\t– truthy comparison results in rendering the stuff
\n\t– empty string resolves to 0 so nothing would render<\/p>\n
\n\t– ng-controller contactListCtrl as ctrl (do a one time all inclusive effort to make $scope aware of all your controller’s functionality)<\/p>\n
\n\t– ala
\npipes (|) are filters. (think gulp)
\n– takes in something and returns something
\n– example was var AgeFilter (which returned a function as the filter)<\/p>\n
\n\t– this.$http.prop etc.
\n\t– _this.$http.get(){
\n\t\t.success(callback) \/\/this is a promise
\n\t}
\n\t– same for delete, etc<\/p>\n
\n– used an IFFE function
\n– a module is a container holding the stuff related to the application<\/p>\n
\n$inject = a way to tell NG you need a component (used with $scope)
\n\t– $scope being where the data binding happens<\/p>\n
\n– must register a service
\n– can inject a service into a controller<\/p>\n
\n– ngRoute (out of the box routing within angular)
\n– colon (:) is a routing parameter
\n\t– as in \/contact\/:contactId?
\n– routing as SPA method.. each route can be passed a different controllers (essentially a path-specific template) etc. <\/p>\n
\n– he made a new js file: routeError.js (again, directive is a new html tag)
\n– which contained a new directive<\/p>\n","protected":false},"excerpt":{"rendered":"