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 / select.html
Last active August 29, 2015 14:08
AngularJS - dyrektywa select - 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 - select</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><h3>Nazwa góry: {{climbing.currentMountain.mountain}}, stopień trudności: {{climbing.grade}} </h3>
<div>
@kalbarczyk
kalbarczyk / ng-transclude.html
Created October 29, 2014 12:19
AngularJS - dyrektywa ngTransclude - 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 - ngTransclude</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">
@kalbarczyk
kalbarczyk / ng-pluralize.html
Created October 29, 2014 12:30
AngularJS - dyrektywa ngPluralize - 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 - ngPluralize</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">
<h2 class="bg-primary">
<ng-pluralize count="mountainsList.length" offset="3" when="{
@kalbarczyk
kalbarczyk / upcoming.html
Created November 10, 2014 13:22
AngularJS - upcoming date filter
<!DOCTYPE html>
<html data-ng-app="app">
<head>
<title>AngularJS - upcoming date filter</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 data-ng-repeat="date in dates">{{date | upcoming}}</div>
@kalbarczyk
kalbarczyk / ngRepeat.html
Created November 18, 2014 12:50
AngularJS - dyrektywa ngRepeat - 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" data-ng-app="app">
<head>
<title>ngRepeat</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.css" />
</head>
<body data-ng-controller="defaultCtrl">
<table class="table">
<tr data-ng-repeat="mountain in mountainsList" data-ng-class="{info:$even, danger:$odd}">
<td class="col-sm-1">{{$index}}</td>
@kalbarczyk
kalbarczyk / ngRepeat2.html
Created November 18, 2014 12:54
AngularJS - dyrektywa ngRepeat - przykład 2 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" data-ng-app="app">
<head>
<title>ngRepeat</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">
@kalbarczyk
kalbarczyk / ngClick.html
Created November 18, 2014 12:56
AngularJS - dyrektywa ngClick - 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" data-ng-app="app">
<head>
<title>ngClick</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>
<a class="btn btn-default" data-ng-repeat="execute in mountainsList" data-ng-click="execute.execute(execute.metres)">{{execute.mountain}}</a>
@kalbarczyk
kalbarczyk / ngCopy.html
Created November 18, 2014 12:59
AngularJS - dyrektywa ngCopy - 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" data-ng-app="app">
<head>
<title>ngCopy</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 data-ng-repeat="mountain in mountainsList">
<div data-ng-copy="copied=true" >{{$index+1}}. {{mountain.mountain}} - {{mountain.metres}}</div>
@kalbarczyk
kalbarczyk / ngCut.html
Created November 18, 2014 13:02
AngularJS - dyrektywa ngCut - 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" data-ng-app="app">
<head>
<title>ngCut</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 data-ng-repeat="mountain in mountainsList">
@kalbarczyk
kalbarczyk / ngList.html
Created November 18, 2014 13:05
AngularJS - dyrektywa ngList - 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" data-ng-app="app">
<head>
<title>ngList</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">
<input data-ng-model="mountainsList" data-ng-list> separator "," <br />