LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code
CSS
#caption {
  text-align: center;
}
JS
var app = angular.module('app', [])
  // navigation template
var navbar = [
  ''
].join(' ')

app.component('menuBar', {
  bindings: {
    brand: '<'
  },
  template: navbar,
  controller: function() {
    this.menu = [{
      name: "Home",
      component: "home"
    }, {
      name: "About",
      component: "about"
    }, {
      name: "Contact",
      component: "contact"
    }];
  }
});

var userInfo = [
  '
', '', '', '', '', '', '', '', '', '', '
{{$ctrl.name}}
NameCityCountry
{{user.name}}{{user.city}}{{user.country}}
', '
' ].join(' '); app.component('userInfo', { bindings: { name: '<' }, template: userInfo, controller: function() { this.records = [{ name: "Alfreds Futterkiste", city: "Berlin", country: "Germany" }, { name: "Ana Trujillo Emparedados y helados", city: "México D.F.", country: "Mexico" }, { name: "Blondel père et fils", city: "Strasbourg", country: "France" }, { name: "Bólido Comidas preparadas", city: "Madrid", country: "Spain" }]; } });
Host Instantly Drag and Drop Website Builder

 

Description

Getting started with angular 1.5.x components
Term
Mon, 11/27/2017 - 21:44

Related Codes

Pen ID
Pen ID
Pen ID