Permalink
Browse files

added angularjs getting started 추가

  • Loading branch information...
1 parent f952f0f commit ba3bdad518ef4d2b97b4e45014131f2927cfc496 @jeado jeado committed Oct 31, 2014
View
Binary file not shown.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html ng-app="quickStartApp">
+<head>
+ <meta charset="utf-8">
+ <title>Quckstart for AngularJS</title>
+ <meta name="description" content="">
+ <link rel="shortcut icon" href="/favicon.ico">
+
+ <!-- build:css styles/main.css -->
+ <link rel="stylesheet" href="styles/main.css">
+ <!-- endbuild -->
+
+ <!-- build:css styles/vendor.css -->
+ <link rel="stylesheet" href="bower_components/angular-ui-select/dist/select.min.css">
+ <!-- Select2 theme -->
+ <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/select2/3.4.5/select2.css">
+
+ <!-- endbuild -->
+</head>
+<body>
+ <div class="container" ng-controller="MainCtrl">
+ <div class="jumbotron">
+ <h1 data-ng-bind="slogan.text">.....</h1>
+ <h2>
+ <img class="logo" src="images/AngularJS-large.png">
+ </h2>
+ <p class="lead"></p>
+ </div>
+ <div class="row">
+ <h4>Input box</h4>
+ <input type="text" id="typing" style="width:350px" placeholder="Type words..." ng-model="slogan.text"></input>
+ </div>
+ <div class="row">
+ <h4>Select with <a href="https://github.com/angular-ui/ui-select">select 2</a> plugin</h4>
+ <ui-select ng-model="$parent.slogan" theme="select2" style="min-width: 300px;">
+ <ui-select-match placeholder="Select a person in the list or search his name/age...">{{$select.selected.text}}</ui-select-match>
+ <ui-select-choices repeat="word in words | filter: $select.search">
+ {{word.text}}
+ </ui-select-choices>
+ </ui-select>
+ </div>
+ <div class="row">
+ <h4>Select</h4>
+ <ul id="icheck-input">
+ <li ng-repeat="word in words">
+ <input type="radio" name="slogan" value="{{word.text}}" ng-model="slogan.text"><label>{{word.text}}</label>
+ </li>
+ </ul>
+ </div>
+ </div>
+
+ <!-- build:js scripts/vendor.js -->
+ <script src="../bower_components/angular/angular.min.js"></script>
+ <script src="../bower_components/angular-sanitize/angular-sanitize.min.js"></script>
+ <script src="bower_components/angular-ui-select/dist/select.min.js"></script>
+ <!-- endbuild -->
+
+ <!-- build:js scripts/main.min.js -->
+ <script src="scripts/main.js"></script>
+ <!-- endbuild -->
+</body>
+</html>
View
@@ -0,0 +1,20 @@
+angular.module("quickStartApp",["ui.select"])
+ .controller('MainCtrl', ['$scope', function ($scope) {
+
+ $scope.slogan = {
+ text : "Hello, Quick start AngularJS"
+ };
+
+ $scope.words = [{
+ text : "Hello, Quick start AngularJS"
+ },{
+ text : "Hello"
+ },{
+ text : "Quickstart"
+ },{
+ text : "AngularJS"
+ },{
+ text : "WebFramework"
+ }];
+
+ }]);
View
@@ -0,0 +1,63 @@
+html, body {
+ margin: 0;
+ padding: 10px;
+ font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
+}
+
+.container {
+ padding-right: 15px;
+ padding-left: 15px;
+ padding-top: 15px;
+ margin-right: auto;
+ margin-left: auto;
+ max-width: 730px;
+}
+
+.container h4 {
+ font-size: 18px;
+ margin-top: 10px;
+ margin-bottom: 10px;
+ font-family: inherit;
+ font-weight: 500;
+ line-height: 1.1;
+ color: inherit;
+}
+
+.jumbotron {
+ padding-top: 48px;
+ padding-bottom: 48px;
+ padding-right: 64px;
+ padding-left: 64px;
+ margin-bottom: 30px;
+ background: linear-gradient(to bottom, rgba(221,221,221,1) 0%,rgba(225,225,225,0) 21%,rgba(235,235,235,0) 81%,rgba(238,238,238,1) 100%);
+ text-align: center;
+ border-bottom: 1px solid #e5e5e5;
+ border-radius: 6px;
+}
+
+.jumbotron h1 {
+ color:#000;
+}
+
+.row {
+ position: relative;
+ margin: 30px 0;
+ min-height: 10px;
+ padding-right: 15px;
+ padding-left: 15px;
+}
+
+ul#icheck-input {
+ padding: 0;
+}
+
+ul#icheck-input li {
+ list-style-type: none;
+ padding: 0;
+}
+
+ul#icheck-input label {
+ margin-left: 10px;
+ font-family: inherit;
+ font-size: 16px;
+}
View
@@ -2,5 +2,8 @@
"name": "quickstart-angularjs",
"private": true,
"dependencies": {
+ "angular": "~1.3.0",
+ "angular-ui-select": "~0.8.3",
+ "angular-sanitize": "~1.3.0"
}
}

0 comments on commit ba3bdad

Please sign in to comment.