AngularJS

M i c h a ł T o m a s i k

https://angularjs.org/img/AngularJS-large.png

Agenda

1.MVC2.Iteracja3.Dyrektywy4.Yeoman5.widoki6.Piramida testow i testy z Angularem

MVC

Model, View Controller

1 way binding

●

●

●

● ●

https://docs.angularjs.org/img/One_Way_Data_Binding.png

2-way binding

https://docs.angularjs.org/img/Two_Way_Data_Binding.png

3- way

https://www.firebase.com/resources/images/blog/3-way-binding.png

YeoMan

http://shoogledesigns.com/blog/wp-content/uploads/2013/08/yeoman-install.jpg

Model

● $scope.nazwaZmiennej = {};

View

<p>{{name}}</p>● <input type=”text” ng-model=”name”>

Controllery i dependency injection

angular.module('skyGateApp')● .controller('PeopleCtrl', ['$scope',

'$http','$filter', '$routeParams','$translate','toaster',

● function ($scope, $http, $filter, $routeParams, $translate, toaster) {

● ●

Widoki

<div ng-view=""></div>

Iteracje

● <tr dir-paginate="startup in startups | filter:q | filter:{locations:country} | itemsPerPage: pageSize" current-page="currentPage">

Idea Testów i testowanie w Angularze

http://martinfowler.com/bliki/images/testPyramid/pyramid.png

Źródła https://docs.angularjs.org/img/One_Way_Data_Binding.png https://docs.angularjs.org/img/Two_Way_Data_Binding.png https://www.firebase.com/resources/images/blog/3-way-binding.png http://shoogledesigns.com/blog/wp-content/uploads/2013/08/yeoman-install.jpg http://martinfowler.com/bliki/images/testPyramid/pyramid.png https://angularjs.org/img/AngularJS-large.png