Item: Angular Basic
Rating: 3.4
Author: 1kohei1

0 Downloads
21 Views
Tweet
Download Now View Demo

HTML
JavaScript

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>Angular Basic</title>
  
  
  <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'>

  
  
</head>

<body>

  <div ng-app="app">
  <div ng-controller="controller as controller">
    <div ng-repeat="(key, val) in controller.a | filterObjects: {column: 'left'}">
      {{ key }}: {{ val }}
    </div>
  </div>
</div>
  <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.min.js'></script>
<script src='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js'></script>

  

    <script  src="js/index.js"></script>




</body>

</html>


/*Downloaded from https://www.codeseek.co/1kohei1/angular-basic-oXOojd */
var app = angular.module('app', []);
app.controller('controller', controller);

controller.$inject = ['$timeout'];

function controller($timeout) {
  var _this = this;
  
  _this.a = {
    a: {
      a: 1,
      column: 'left'
    },
    b: {
      b: 2,
      column: 'right'
    },
    c: {
      c: 3,
      column: 'left'
    },
    d: {
      d: 4,
      column: 'right'
    }
  }
}

Comments

More from 1kohei1

Angular Basic

In this example below you will see how to do a Angular Basic with some HTML / CSS and Javascript

Technologies

Comments

More from 1kohei1

SVG.js playground

RxJS playground

RxJS drag capture drag complete

Observable connect

You Might Also Like

Collapsible Lists

SFW March Enews 2018

A Pen by Tim Robert-Fitzgerald

A Pen by Benjamin Martinez

A Pen by www_ahor4_root

Boilerplate CSS for forms

Cellphone 3D

overlay with transparent text