Skip to content

Instantly share code, notes, and snippets.

@kalbarczyk

kalbarczyk/ngList.html

Created November 18, 2014 13:05
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kalbarczyk/307219b59068dc31fbb6 to your computer and use it in GitHub Desktop.
Save kalbarczyk/307219b59068dc31fbb6 to your computer and use it in GitHub Desktop.
Download ZIP
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.
Raw
ngList.html
<!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 />
<input data-ng-model="mountainsList" data-ng-list="|"> separator "|" <br />
<input data-ng-model="mountainsList" data-ng-list="@"> separator "@" <br />
{{mountainsList}}
</div>
<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="https://code.angularjs.org/1.3.0-rc.1/angular.js"></script>
<script>
var app = angular.module('app', []);
app.controller('defaultCtrl', function ($scope) {
$scope.mountainsList = [
"Mount Everest",
"K2",
"Kangczendzonga",
"Lhotse",
"Makalu",
"Cho Oyu"];
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment