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 / 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 / ngModelOptions.html
Created November 18, 2014 13:13
AngularJS - dyrektywa ngModelOptions - 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 - ng-model-options</title>
</head>
<body data-ng-controller="defaultCtrl">
<div class="container">
<form name="editUser">
<!--Model uaktualniany jest po przejsciu uzytkownika do następnej kontrolki-->
Imię: <input type="text" name="userName" data-ng-model="user.name" data-ng-model-options="{ updateOn: 'blur' }" /><br />
@kalbarczyk
kalbarczyk / mouse.html
Created November 18, 2014 13:18
AngularJS - dyrektywy ngMousedown, ngMouseenter, ngMouseleave, ngMousemove, ngMouseover, ngMouseup - 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 - Mouse</title>
</head>
<body data-ng-controller="defaultCtrl">
<div class="container">
<div style="padding:4px; background:red;" data-ng-mousedown="log('ngMousedown');">
ngMousedown
</div>
@kalbarczyk
kalbarczyk / ngSubmit.html
Created November 18, 2014 13:21
AngularJS - dyrektywa ngSubmit - 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</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">
<form data-ng-submit="submit()">
@kalbarczyk
kalbarczyk / ngSwitch.html
Created November 18, 2014 13:23
AngularJS - dyrektywa ngSwitch - 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 - ngSwitch</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">
Wpisz liczbę z zakresu od 1 do 5<br />
@kalbarczyk
kalbarczyk / ngValue.html
Created November 18, 2014 13:25
AngularJS - dyrektywa ngValue - 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 - ngValue</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">
<label ng-repeat="number in [1,2,3,4,5,6]" for="{{number}}">{{number}}
@kalbarczyk
kalbarczyk / script.html
Created November 18, 2014 13:27
AngularJS - dyrektywa script - 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 - script</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>
@kalbarczyk
kalbarczyk / ngBindHtml.html
Created November 18, 2014 13:31
AngularJS - dyrektywa ngBindHtml - 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 - ngBindHtml</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.css" />
</head>
<body data-ng-controller="defaultCtrl">
<div id="testPanel" class="panel">
<h3 class="panel-header">Nazwa</h3>
@kalbarczyk
kalbarczyk / ngClass.html
Created November 18, 2014 13:43
AngularJS - dyrektywa ngClass - 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></title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.css" />
<style>
.a {
color:red;
font-weight: bold;
border:1px dashed;
@kalbarczyk
kalbarczyk / ngClass2.html
Created November 18, 2014 13:44
AngularJS - dyrektywa ngClass - 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>Mountains</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 table-condensed">
<thead>
<tr>