Dan Wahlin - AngularJS in 20ish Minutes - NG-Conf
Why Stack Overflow recommends it
Stack Overflow users link it when answering or following along with beginner AngularJS questions, as a fast introduction to controllers, scope and factories.
Recommended by 2 people across 2 different months, 2014 to 2014.
What it is
A conference talk from ng-conf 2014 in which Dan Wahlin gives a quick tour of AngularJS 1.x: data binding, directives, scope, controllers and factories, and how they fit together. It is aimed at developers new to the framework.
What people said
Recommends Joshua Robinson · 2014-08 · Stack Overflow · on “What is the correct way to handle AJAX driven DOM changes in Angular.js?”
Here is a good video from the AngularJS conference in Salt Lake City... he covers some of what you are interested in within 20 min. [this video] AJAX request belongs in a factory, and that factory is injected in the controller as a dependency. EDIT: So totally missed the guts of your question, sorry about that. You would setup the select using the ng-repeat directive like so: <select ng-repeat="select in selects"> <option ng-repeat="option in select.options" handle-fetch-select>{{ option }}</option> </select> app.factory('selectFactory', function (['$http']){ var factory = {}; factory.getSelects = function(){ return $http.get('/selects.json'); } factory.getSomeOtherSelect = function(){ return $ht
Recommends Yusuf Ali Bozkır · 2014-10 · Stack Overflow · on “can't add a new data to my simple JSON ($scope.customers)”
I'm just started to learn about angular.js so I'm really a newbie. I don't know if there is a syntax problem or any other simple problem but I just couldn't make that happen. I've started with Dan Wahlin's tutorial [this video] . And I will use Rodrigo Branas' book. <html ng-app="customersApp"> <head> <title>App</title> <script src="angular.min.js"></script> <script> var app = angular.module('customersApp', []); app.controller('CustomersController', function($scope){ $scope.customers = [ {"id": 1, "name": "Yusuf", "age": 18}, {"id": 2, "name": "Ahmetcan", "age": 17}, {"id": 3, "name": "Ender", "age": 20}, {"id": 4, "name": "Batuhan", "age": 16}, ]; $scope.add = function (name){ $scope.customers.p
Cites Krowar · 2014-04 · Stack Overflow · on “Simple angular app, the html does not recognise the app”
I'm trying to do my first angular.js app following this presentation : [this video] My code are html: <!doctyme html> <html ng-app="gfaApp"> <head> <script src="./angular.js"> </script> <script src=" [LINK] "> </script> <script src=" [LINK] "></script> <script src="./angular.js"> </script> </head> <body> <div ng-controller="statsController"> <label>Name:</label> <input type="text" ng-model="yourName" placeholder="Enter your name"> <hr> <h1>Hello {{yourName}}</h1> </div> </body> </html> and js var app = angular.module('gfaApp', []); app.controller('statsController', function($scope){ $scope.seances = [ {"id":1 , "title":"seance1 ,multi-acces", "stats":150}, {"id":2 , "title":"seance 2 ,etre admini