Skip to content

Instantly share code, notes, and snippets.

View kalbarczyk's full-sized avatar

Kalbarczyk kalbarczyk

23 followers · 19 following
View GitHub Profile
@kalbarczyk
kalbarczyk / angular.injector.html
Created November 18, 2014 14:26
AngularJS - funkcja injector - przykład z naszej książki „AngularJS - Pierwsze kroki”, która ukaże się na początku 2015r. dzięki wydawnictwu Helion.
<!doctype html>
<html data-ng-app="app">
<head>
<title>AngularJS - funkcje - angular.injector</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.css" />
</head>
<body>
<div data-ng-controller="defaultCtrl">
<input class="form-control" data-ng-model="data.name" />
@kalbarczyk
kalbarczyk / angular.identity.html
Created November 18, 2014 14:23
AngularJS - funkcja identity - przykład z naszej książki „AngularJS - Pierwsze kroki”, która ukaże się na początku 2015r. dzięki wydawnictwu Helion.
<!doctype html>
<html data-ng-app="app">
<head>
<title>AngularJS - funkcje - angular.identity</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.css" />
</head>
<body>
<div data-ng-controller="defaultCtrl">
<h1>Wersja normalna: <b>{{n | uppercase}}</b></h1>
@kalbarczyk
kalbarczyk / angular.forEach.html
Last active August 29, 2015 14:09
AngularJS - funkcja forEach - przykład z naszej książki „AngularJS - Pierwsze kroki”, która ukaże się na początku 2015r. dzięki wydawnictwu Helion.
<!doctype html>
<html data-ng-app="app">
<head>
<title>AngularJS - funkcje - angular.forEach</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.css" />
</head>
<body>
<div data-ng-controller="defaultCtrl">
<h1>Otwórz konsolę aby zobaczyć efekt (F12).</h1>
</div>
@kalbarczyk
kalbarczyk / angular.extend.html
Created November 18, 2014 14:21
AngularJS - funkcja extend - przykład z naszej książki „AngularJS - Pierwsze kroki”, która ukaże się na początku 2015r. dzięki wydawnictwu Helion.
<!doctype html>
<html data-ng-app="app">
<head>
<title>AngularJS - funkcje - angular.extend</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.css" />
</head>
<body>
<div data-ng-controller="defaultCtrl">
<h1>Otwórz konsolę aby zobaczyć efekt (F12).</h1>
</div>
@kalbarczyk
kalbarczyk / angular.equals.html
Created November 18, 2014 14:19
AngularJS - funkcja equals - przykład z naszej książki „AngularJS - Pierwsze kroki”, która ukaże się na początku 2015r. dzięki wydawnictwu Helion.
<!doctype html>
<html data-ng-app="app">
<head>
<title>AngularJS - funkcje - angular.equals</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.css" />
</head>
<body>
<div data-ng-controller="defaultCtrl">
<pre>
@kalbarczyk
kalbarczyk / angular.element.html
Created November 18, 2014 14:17
AngularJS - funkcja element - przykład z naszej książki „AngularJS - Pierwsze kroki”, która ukaże się na początku 2015r. dzięki wydawnictwu Helion.
<!DOCTYPE html>
<html data-ng-app="app">
<head>
<title>AngularJS - funkcje - angular.element</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.css" />
</head>
<body data-ng-controller="defaultCtrl">
<div class="container">
<h4>W polu numer 1 wpisz liczbę 1000, następnie w polu numer 2 wpisz liczbę 2000.</h4>
<div data-lucky-number=""></div>
@kalbarczyk
kalbarczyk / angular.copy.html
Created November 18, 2014 14:03
AngularJS - funkcja copy - przykład z naszej książki „AngularJS - Pierwsze kroki”, która ukaże się na początku 2015r. dzięki wydawnictwu Helion.
<!DOCTYPE html>
<html data-ng-app="app">
<head>
<title>AngularJS - funkcje - angular.copy</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.css" />
</head>
<body data-ng-controller="defaultCtrl">
<div class="container">
<div>
<table class="table" data-ng-init="showButton=false">
@kalbarczyk
kalbarczyk / angular.bootstrap.html
Created November 18, 2014 14:01
AngularJS - funkcja bootstrap - przykład z naszej książki „AngularJS - Pierwsze kroki”, która ukaże się na początku 2015r. dzięki wydawnictwu Helion.
<!doctype html>
<html>
<head>
<title>AngularJS - funkcje - angular.bootstrap</title>
</head>
<body>
<div data-ng-controller="defaultCtrl">
<h1>angular.bootstrap</h1>
</div>
<script src="https://code.angularjs.org/1.3.0/angular.js"></script>
@kalbarczyk
kalbarczyk / angular.bind.html
Created November 18, 2014 13:58
AngularJS - funkcja bind - przykład z naszej książki „AngularJS - Pierwsze kroki”, która ukaże się na początku 2015r. dzięki wydawnictwu Helion.
<!DOCTYPE html>
<html data-ng-app="app">
<head>
<title>AngularJS - funkcje - angular.bind</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.css" />
</head>
<body data-ng-controller="defaultCtrl">
<div class="container">
<h1>Otwórz konsolę aby zobaczyć efekt (F12).</h1>
</div>
@kalbarczyk
kalbarczyk / ngFocus_ngBlur_ngChange.html
Created November 18, 2014 13:50
AngularJS - dyrektywy ngFocus, ngBlur, ngChange - przykład z naszej książki „AngularJS - Pierwsze kroki”, która ukaże się na początku 2015r. dzięki wydawnictwu Helion.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="app">
<head>
<title>AngularJS - ngClass, ngFocus, ngBlur, ngChange</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.css" />
<style>
input[type="text"].testFocus {
background-color: green;
}
input[type="text"].testBlur {