angular js warsztaty stopień 1
TRANSCRIPT
ng-controller
● git checkout slide-3● podpięcie kontrolera do częsci widoku● $scope działa tylko wewnątrz tagu na którym
jest kontroler
Zadanie 1
● git checkout todo-1● dodanie kontrolera zawierajacego menu● dodanie i wyświetlenie menu w index.html
Zadanie 2
● git checkout todo-2● zbudować menu zawierające linki do
wszystkich ścieżekvar object = {};
var array = [];
var arrayOfObjects = [
{
lorem: 1,
ipsum: 2
},{
test: 4
} ]
Zadanie 3
● git checkout todo-3● zbudować własną podstronę, z
wyświetlaniem listy danych podanych w kontrolerze
Zadanie 4
● git checkout todo-4● wymień hardkodowany parametr na
pochodzący ze zmiennej ustawianej w formularzu
filter
● git checkout slide-6● składnia filter: {experesion}<tr ng-repeat="person in list | orderBy:orderKey |
filter:'oo'">
Zadanie 5
● git checkout todo-5● zmienić filter na wyszukiwarkę z 3 polami:
szukanie po firstName, lastName lub wszędzie
Funkcje w modelu<p>{{displayValueReturnedByFunction()}}</p>
<input ng-change="fireFunctionWhenChangeHappen()">
Zadanie 6
● git checkout todo-6● newPerson form● ng-click
○ nazwaListy.push(nowyElement) ○ podstawić {}
Json - obiekt{
"about": "I'm an object",
"structure": {
"key": "value"
},
"arrays": [ "I", "can", "keep",
"them", "too" ]
}
$resource
● query()● get()
var userResource = $resource('/user/:userId', {});
userResource.get({userId: 1});
Materiały
● http://docs.angularjs.org/tutorial/● http://egghead.io/
Stay tuned
● http://akai.org.pl/● http://poznan.gtug.pl/● http://www.meetup.com/Hacking-Poznan/