restrict}} {{doc | humanizeDoc | directiveBrackets}} View Demo View Source on Github. io/angular-admin-lte/branches/master. 0141 Quote Request. andrewseguin changed the title Vertical tabs [Tabs] Allow tabs to show vertical labels Oct 19, 2017. This would support dynamic tabs if tabs are added via an add tab button. Rotational kinetic energy and angular momentum. 0cm (Assume the person using the magnifying glass has a near point of 25 cm and the magnifying glass is directly in front of the person's eyes. And you can set a leader tab only in the Tabs dialog box (the Ruler doesn’t offer this option). There are other ways to fake the tabs -- you can use labels or images, say, and fool with their properties when they are clicked to make the "selected" control look like a selected tab. active (Default: Index of first tab) - Active index of tab. Auriol; Bifinett; Crivit; Dentalux; Florabest; Lervia; Lupilu. Essential JS 2 for Angular is a modern JavaScript UI toolkit that has been built from the ground up to be lightweight, responsive, modular and touch friendly. Yet it rarely happens, and it often has more to do with your vertical leap than your ability to execute a pick-and-roll. The , an Angular Directive, is used as a enhanced range selector with material design styling and animation capabilities. I've usually skipped over the topic of vertical centering, since there. How does angular size depend on distance? (As its distance increases, does an object's angular size increase or decrease?) How large is the Moon if its angular size is about 30 arc minutes and it is 384,000 kilometers away from us?. Tab or Accordion Alignment. Tab Styles Inspiration A small collection of styles for tabs. Using Angular UI Bootstrap, how do we build vertical-stacked tabs that is left-aligned to the tab content which looks like this?. This is the quick start guide where you can learn from zero to intermediate level of Angular Framework. Any other Angular tabs directive - the problem with most tabs directives I've seen is that they rely upon explicit templates, either in a separate template file or in the directive itself. master is the stable branch with tagged releases; develop is the snapshot branch, it's mostly stable but active development is done on this branch. 3-Axis Digital Angular Rate Gyroscope FXAS21002C is a small, low-power, yaw, pitch, and roll angular rate gyroscope with 16 bit ADC resolution. Here’s a rundown of our newest. From krook at us. Lixadeira De Cinta: a melhor seleção de Buscapé, esta sexta, ao melhor preço !Encontre aqui 163 ofertas, marcas, produtos em promoção e estoque pronto para ser enviado de forma rápida e segura em sua casa. Free open source tool distributed under MIT License. About HTML Preprocessors. angular / components. Google is the official company behind Angular, so it would be ridiculous if they didn't provide their design standard for Angular 2! So that's what they've done, ported the material design onto Angular 2 components, ready to be used in your existing and future applications. This tip presents an example of tabs in Responsive using bootstrap. VerticalResponse is always working to improve the user experience, and we’re excited to announce a series of updates to our email marketing tools that make it faster and easier than ever to connect with your audience, build compelling campaigns and track results. Start Angular is a library of free to download AngularJS themes and templates. Solutions to Concepts of Physics by HC Verma Chapter 10 - Free download as PDF File (. That is, we can determine how fast the radian measure of the angle is changing as the object moves on its circular path. This is where the vertical tab look-up extension helps a great deal. In this tutorial, I will explain how to create and use a TabControl in your Windows applications with C#. Tabs are easy to implement and can be built to work with your existing markup. Natively works with Angular The latest versions of jQWidgets are built natively for Angular. Planet volume = (p/6) × (planet diameter) 3. Essential JS 2 for Angular is a modern JavaScript UI toolkit that has been built from the ground up to be lightweight, responsive, modular and touch friendly. I have created a tab structure as Horizontal tabs group. 2 kg and radius 0. Explore vertical platform lifts for schools, churches or public buildings. Seamless launching of ng serve from the IDE. Bootstrap CSS (tested with. 200 m is pivoted at its center about a horizontal, frictionless axle that is stationary. As you can see that, above we have used the Android Toolbar instead of action bar and tabs are further added in the TabLayout through code with text. We tech you everything in. Bar - A vertical bar is shown on the tab. com Tue Jul 6 14:12:04 2004 From: krook at us. Later in the post, we will see. So in this post, we will learn how to combine the best of both worlds and use the goodness of AngularJS in ASP. From krook at us. The code for this article and the other. vertical = angular. A point mass m is glued to the disc as shown in the figure. for standard sealed SKF single row angular contact ball bearings were more than 30% lower than competitor single row angular contact ball bearings with contact seals and that steady state temperatures were nearly 20% lower. For example, if the selected index was set to 1, and a new tab is created and selected at index 2, then the tab body would have an origin of right because its index was greater than the prior. Facebook Pages are a heavily used feature of Facebook. However, with Angular routing in Ionic 4, we are relying on the URL for navigation and so this format doesn't suit. CLI Version. Hi all, this time I came up with an interesting topic of creating a component…, ah ah ah cool, not a simple component, its a component that we can plan publish to NPM family and use it wherever. Licensed to YouTube by relaxdaily (on behalf of Relaxdaily); EMI Music Publishing, BMI - Broadcast Music Inc. If you click the save button, your code will be saved, and you get an URL you can share with others. When you click the user icon in the tab menu, the Personal view will be placed in the content area of the form view: Lines 15-21 assign the circular tasks icon to the Work tab. To determine linear velocity (linear displacement over time) from angular velocity, apply the formula , where ω is expressed in radians/time and r is the radius of the path taken (or the radius of the object, if it is spinning). December 23, 2011. Why carry the heavy and overloaded libraries when all can be done with the clear and light CSS? cssSlider is the only pure CSS slider that offers a combination of awesome CSS3 effects, pre-made skins, icon fonts, full-functional navigation controls and a no-coding slider creation. If on test page: /test; Click link. ng g service hacker-news ng g directive infinite-scroller. JSFiddle or its authors are not responsible or liable for any loss or damage of any kind during the usage of provided code. Buy Fuse - Angular 8+ Material Design Admin Template by srcn on ThemeForest. In this course, Angular Routing, you'll discover how to define multiple routes and pass data to routes. I have a Angular 6 / Ionic 4 lazy load tabs template that works correctly. In this article, we’ll take a look a bit closer at Angular 2 components — how they’re defined, and how to get data into them and back out of them. Each tab's label is shown in the tab header and the active tab's label is designated with the animated ink bar. Using Page Tabs. ng-bootstrap is a repository that allows you to use Bootstrap with Angular without any dependency on jQuery or Bootstrap’s JavaScript. Angular 4+ is required to use ng-bootstrap. The design of the seal lip makes these bearings suitable for vertical shaft applica - tions († diagram 2, page 3). Wisdom teeth having a mesio-angular or vertical angulation are the most common types of impactions, making up roughly 40% of cases each. WOW Slider v1. Glorious And Majestic Hot Mail Order that is ukrainian Brides The entire world of internet dating is becoming ever more popular among solitary guys throughout the world. Search by product number (IAN) or product name: Where can I find the IAN or model number? Brands. But since your core plays such a huge role in keeping you upright (giving you that lovely, erect posture), it only makes sense that standing abs exercises offer plenty of benefits, too. Any clues anyone can provide will be greatly appreciated. Flexbox is supported in Android 2, but not reliably enough for use with this grid. This post covers Angular 2 and up. Influenced by the core angular router $route and the Ember Router, UI-Router has become the. active (Default: Index of first tab) - Active index of tab. Tabs improve the layout of your application and make it user friendly. gif) the Tab Component could then use those as the tabs - and the images whenselves would have the texxt as part of the image. Angular velocity is a vector quantity and is described as the rate of change of angular displacement which specifies the angular speed or rotational speed of an object and the axis about which the object is rotating. DataTables is a plug-in for the jQuery Javascript library. Later in the post, we will see. Physics problem please help! Common Angular Velocity? Disk A, with a mass of 2. Contribute to dbtek/bootstrap-vertical-tabs development by creating an account on GitHub. Add ag-Grid to your project. js, or Angular. angular-admin-lte. A vertical Tabs example. An app can change things like: Toolbar color; Enter and exit animations. In this post, we will learn how to work with the Bootstrap dropdown in an AngularJS APP. Join the community of millions of developers who build compelling user interfaces with Angular. If you wish to collaborate, check out our issue list. The graph below shows that relationship between the days and the length of day. 20 cm, a face area of 12. Description: [Vertical Tabs] is a angular2 component. 0 alpha 6 at the time of this writing). Responsive. rigid bar A rigid bar with a mass M and length L is free to rotate about a frictionless hinge at a wall. We'll skip the installation part, since that was explored in the other article. Create Responsive Web Page with Parallax Scrolling Effect and Image Grid using HTML & CSS Only - Duration: 1:02:02. There are other ways to fake the tabs -- you can use labels or images, say, and fool with their properties when they are clicked to make the "selected" control look like a selected tab. jQWidgets does not require external references to jQuery when used in Angular applications. Ask a question in StackOverflow under the angular-ui-bootstrap tag. The , an Angular Directive, is used as a enhanced range selector with material design styling and animation capabilities. AngularJS had transclusion, and Angular gets content projection with the use of. Get full code here. Enjoy it! Learn More. HTML KickStart is a ultra–lean set of HTML5, CSS, and jQuery (javascript) files, layouts, and elements designed to give you a headstart and save you a lot of hours on your next web project. Sometimes we need to create charts for displaying any progress or report in our Ionic 3 mobile apps. Glorious And Majestic Hot Mail Order that is ukrainian Brides The entire world of internet dating is becoming ever more popular among solitary guys throughout the world. x Framework, HTML5, CSS3 and Javascri. Most requested and awaited feature is finally here. I wanted a directive that read the DOM below it, and applied the logic there - without the need to move my tab content html elsewhere. 50 m from the axis of rotation of the merry-go-round. This single page application will be created using an Angular CLI. 65 m in diameter lies in a vertical plane and rotates about its central axis with a constant angular acceleration of 3. The measurements are done with respect to two faces of the measuring instruments. Angular-CLI Integration. AngularJS is what HTML would have been, had it been designed for building web-apps. Getting Started Tutorial. You could do this manually in the CSS, but I wanted to show both options. This tutorial is specially designed to help you learn AngularJS as quickly and efficiently as possible. Ext JS provides the industry's most comprehensive collection of high-performance, customizable UI widgets - including HTML5 grids, trees, lists, forms, menus, toolbars, panels, windows, and much more. ) Horizontal angular measurements are made between survey lines to determine the angle between the lines. ng-bootstrap is a repository that allows you to use Bootstrap with Angular without any dependency on jQuery or Bootstrap's JavaScript. Next, you'll explore how to preload data for your views and group your routes. To accomplish that, we are consistently asking ourselves how we can reach our goals and better serve others. The flex grid is only supported in Chrome, Firefox, Safari 6+, IE10+, iOS 7+, and Android 4. It provides a element so you can semantically express you're using an input with tagging capabilities. The tabs are an element with the class. Slideshow and caption slide animation are all available for both version. Influenced by the core angular router $route and the Ember Router, UI-Router has become the. NET tools and Kendo UI JavaScript components in one package. KendoTabStrup divides the content into multiple sections which the user can navigate through clicking on the tab pane. js I want to use directives to switch between tabs. But in Angular 2. Angular Material 6 Angular Material is a UI component library for Angular JS developers. The md-divider, an Angular Directive, is a rule element and is used to display a thin lightweight rule to group and divide contents within lists and page layouts. Angular Material is a collection of Material Design components for Angular. In order to implement virtualization in the Grid, we would need a row object to be abstracted. The sidebar menu for a website can be a tricky element to master. I thought setting vertical="true" and justified="true" will do the trick but unfortunately this c. 0 kg and a radius of 40cm , rotates clockwise about a frictionless vertical axle at 50rev/s. Il a depuis été repris en grande partie par Google. Physics Help Please!! angular speed? A playground merry-go-round of radius 2. This routerLink works only if NOT already on a tab page. angularjs UI - Vertical tabs stacked on the left - tab content on the right - example. 9 or above installed. Of the many challenges faced by college and senior school students, few inspire as much angst. To see all of Onsen UI's Angular components, take a look at the Angular 2+ API. Angular speed has a magnitude (a value) only. All code belongs to the poster and no license is enforced. It is heavily inspired by and borrows ideas from the excellent bootstrap vertical tabs. Search Search. 20 cm, a face area of 12. Full width. Angular 6 is the newest version of Angular. Jon Jones vs. 50 m from the axis of rotation of the merry-go-round. 65 Trending price is based on prices over last 90 days. In this tutorial, I'll introduce you to Material Design in Angular, then we'll look at how to create a simple Angular application with a UI built from various Angular Material components. Vertical alignment. JSFiddle or its authors are not responsible or liable for any loss or damage of any kind during the usage of provided code. Horizontal and Vertical Lines. Unfortunately most rotating bodies do not have the mass concentrated at one radius and the moment of inertia is not calculated as easily as this. HTML KickStart is a ultra–lean set of HTML5, CSS, and jQuery (javascript) files, layouts, and elements designed to give you a headstart and save you a lot of hours on your next web project. For Angular 2/4/5/6/7/8 and Ionic 2/3/4. Or, you can quickly try out the showcase below - all of them actually work! Common core for. Learn more about Teams. Change the alignment of elements with the vertical-alignment utilities. md and submit your issue here. Supports nested lists for building trees and other fancy structures. Key improvements in Angular 5 include support for progressive web apps, a build optimizer and improvements related to Material Design. It’s easily extensible and, with the help of our collapse plugin, it can easily integrate offscreen content. Wisdom teeth having a mesio-angular or vertical angulation are the most common types of impactions, making up roughly 40% of cases each. Let's carry on madly working out equations applying to rotational motion by substituting the appropriate rotational variables into the straight-line motion equations. The stationary part bends due to vertical drive arm vibration, producing a sensing motion in the sensing arms. Regardless of the size of the application, the browser is going to load a single page. The full-scale range is. Create 4 tabs (GridComponent, GridComponentA, GridComponentB, GridComponentC) 2. To do so, you have to define your root menu and sub-menus, in addition to setting the [matMenuTriggerFor] on the mat-menu-item that should trigger the sub-menu:. Angular Material's reusable UI components help in constructing attractive, consistent, and functional web pages and web applications while adhering to modern web design principles like browser portability, device independence, and graceful degradation. Comprehensive tabs archive with over 1,100,000 tabs! Tabs search engine, guitar lessons, gear reviews. 961 Chapter 10 Angular Momentum Conceptual Problems 1 • True or false: (a) If two vectors are exactly opposite in direction, their cross product must be zero. CLI tool for Angular. Attributes - md-tabs. Unfortunately most rotating bodies do not have the mass concentrated at one radius and the moment of inertia is not calculated as easily as this. Angular velocity has a magnitude (a value) and a direction. Angular 6 Observables Example Tutorial is the today's leading topic. Learn more about Teams. Or, you can quickly try out the showcase below - all of them actually work! Common core for. This feature is not available right now. Tout pour passer un bon séjour en Corse. ngx-bootstrap is an Open Source (MIT Licensed) independent project with ongoing development made possible thanks to the support of our awesome backers. Angular Material 6 Angular Material is a UI component library for Angular JS developers. Manual load carriage is a universal activity and an inevitable part of the daily schedule of a soldier. This tutorial teaches the reader how to create a slide show plugin using AngularJS, and no jQuery DOM manipulation code. Demo; Docs; Apps; Blog; Forum; Sources; Tabs. This tutorial explains how the timer services $timeout and $interval works in AngularJS, and how you can use them to schedule function calls. Use this webchat or your own IRC client. aw-tab-image-4 (url/filename. NET Framework Versions is a horizontal menu, MVC 1 up to MVC 5 is a vertical menu. pdf) or read online for free. Cross Country FibreConnect Connect at the speed of light! Digital Cable, 50 Mbps internet & home phone at $99. 1, Section 2, and can be used in some applications for ANSI A117. 0 * Fix component info scrolling firefox * Handle string provider type in Description. Amexio (Angular MetaMagic EXtensions for Inputs and Outputs) is a rich set of Angular 4/5/6/7 components Material Design with 70+ out of the box Themes and 130+ UI Components and with built-in responsive UI. Branch organization. This item: Tab Dividers-Binder Index Table(Vertical Tabs for Binders + PVC Sealed Bag) Index Dividers for A6 6… $6. Sometimes we need to create charts for displaying any progress or report in our Ionic 3 mobile apps. Then you would use the AfterUpdate event of the option group to set the Value property of the tab control to show the page associated with the selected button. Getting Started With Angular 4 Router Outlet. It offers spring hinge closure and lockable tab. Une communauté active et les mises à jour fréquentes [6] assurent au framework une grande popularité. The main page has one router-outlet and the tabs have secondary named router-outlets. Get access to helpful solutions, how-to guides, owners' manuals, and product specifications for your Galaxy Tab S 8. Physics Help Please!! angular speed? A playground merry-go-round of radius 2. vertical lafw product must be 15cm from the sides and the front of the grate, and at least 5cm away from the back of the lafh. Commercial Vertical Platform Lifts. Can anyone please provide vertical tab for angular version in MDB. pdf) or read online for free. , the vertical bar or pipe symbol |, the question mark ?, the asterisk or star *, the plus sign +, the opening parenthesis (, the closing parenthesis ), the opening square bracket. There are two pieces to a tabbed interface: the tabs themselves, and the content for each tab. This simply wraps @angular/material's mat-selection-list, and uses @angular/flex-layout to reorient for different screens sizes. ts but will not add the service to the providers array. tabs, and each item has the class. Tutorial on tabs in angularJS explained with example, video tutorial and sample code with example app. Determine The Angular Acceleration Of Rod CD At This Instant. This final output window displays all the vertical and horizontal menus and includes a sub menu also. It has all the features you would expect from any other table but in a light package with no external dependencies. , and 6 Music Rights Societies Show more Show less. jQWidgets does not require external references to jQuery when used in Angular applications. An AngularJS directive that creates a Tree based on a Bootstrap "nav" list. Angular-animate (the version should match with your angular's, tested with 1. Modern versions of assistive technologies will announce CSS generated content, as well as specific Unicode characters. 6 (90,296 ratings) Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately. Vertical ' Allow the RETURN key to be entered in the TextBox control. link Expansion-panel content. Find the angular velocity of the disc when its plane is next vertical. This problem has been solved! See the answer. Angular frequency is the magnitude of the vector quantity angular velocity. angular / components. for standard sealed SKF single row angular contact ball bearings were more than 30% lower than competitor single row angular contact ball bearings with contact seals and that steady state temperatures were nearly 20% lower. Icon Bar Menu Icon Accordion Tabs Vertical Tabs Tab Headers Full Page Tabs Hover Tabs Top Navigation Responsive Topnav Navbar with Icons Search Menu Search Bar Fixed Sidebar Side Navigation Responsive Sidebar Fullscreen Navigation Off-Canvas Menu Hover Sidenav Buttons Sidebar with Icons Horizontal Scroll Menu Vertical Menu Bottom Navigation. Now Supports Angular ^8. Your #1 source for chords, guitar tabs, bass tabs, ukulele chords, guitar pro and power tabs. 3 FACE STANDARD ANGULAR MEASURING DEVICES Face standard angular measuring devices include angle gauges and sine bars. Solve for the unknown angular accelerations. tmbundle TextMate; AngularJS-Atom Atom; AngularJS. JLG Industries is a leading manufacturer of lift equipment. It is fully responsive admin dashboard template built with Bootstrap 4. Creating Custom Pipes in Angular Pipes in Angular 2+ are a great way to transform and format data right from your templates. In this example, we will create vertical tabs with custom CSS. Easily create high-quality Spring Boot + Angular/React projects!. We've got another roundup of free menus for you today and this time we are focusing on the sidebar. UI-Router is the defacto standard for routing in AngularJS. Angular Structural framework for dynamic web apps + DataTables jQuery plug-in for complex HTML tables. Angular-Material is its second officially backed Material Design implementation, obviously built on AngularJS (another Google project). A leader tab produces a row of dots, underlining (in a fashion) the tab character:. The component is helpful in creating vertical tabs using the bootstrap css with some additional code. Free, responsive Admin Dashboard template containing different styles of dashboards, data presentations, and numerous insightful components. One revolution is equal to 2π radians, hence. All responsive tabs collection contain both bootstrap vertical tabs and horizontal tabs. 50 m from the axis of rotation of the merry-go-round. md-tabs is the grouping container for md-tab elements. Angular is a platform for building mobile and desktop web applications. If the vertical line touches in more than one point, then it is NOT a function. When we end up being more mature, our experts possess a dream to discover a soulmate, to produce strong loved ones and give birth to several little ones. Observables are lazy. Like all Google charts, column charts display tooltips when the user hovers over the data. template, and columns. md and submit your issue here. Main Feature. AngularJS (zur Abgrenzung vom Nachfolger Angular (Version 2 und höher) auch AngularJS 1 oder Angular 1 bezeichnet) ist ein clientseitiges JavaScript-Webframework zur Erstellung von Single-Page-Webanwendungen nach einem Model-View-ViewModel-Muster. Then you would use the AfterUpdate event of the option group to set the Value property of the tab control to show the page associated with the selected button. Localizer performance with vertical guidance (LPV) are the highest precision GPS (WAAS enabled) aviation instrument approach procedures currently available without specialized aircrew training requirements, such as required navigation performance (RNP). It is a highly flexible tool, built upon the foundations of progressive enhancement, that adds all of these advanced features to any HTML table. Key improvements in Angular 5 include support for progressive web apps, a build optimizer and improvements related to Material Design. My Blog Saturday, 15 September 2012 Table - vertical numbering using PHP for cycle - I have to do something in PHP for "cycle" which will generate a table with. Dynamic Vertical Storage Solutions & Motorized Carousels 800. There are other ways to fake the tabs -- you can use labels or images, say, and fool with their properties when they are clicked to make the "selected" control look like a selected tab. Supports nested lists for building trees and other fancy structures. The angular size, linear size and distance can be calculated using the formulas: Thus, we can find out distance from the object if we knew its size and its angular size. Angular velocity is the angular displacement over time of an object or particle that is moving along a circular path. In Angular 1. However, with Angular routing in Ionic 4, we are relying on the URL for navigation and so this format doesn't suit. They deliver the best possible capabilities for those interested in building modern UI applications with the latest JavaScript technologies. Angular 2 tabs example. 0 and Angular CLI 6. It is heavily inspired by and borrows ideas from the excellent bootstrap vertical tabs. “Affordable” Utility Service: What Exactly Is Regulation’s Role? Because of the nation’s economy stressed, politicians are pressuring regulators in order to make utility s. In this article, I will show how to create tabs using Angular Material 2 and Angular 4 Routing. Amexio (Angular MetaMagic EXtensions for Inputs and Outputs) is a rich set of Angular 4/5/6/7 components Material Design with 70+ out of the box Themes and 130+ UI Components and with built-in responsive UI. So, you can have Bootstrap’s styles with the power of Angular with ng-Bootstrap. In fact, many of the drawing aids that AutoCAD provides are analagous to traditional drafting tools. I've usually skipped over the topic of vertical centering, since there. There is more to routing in Angular than just moving the user between multiple views of an application. We're creating a reactive form so we could receive an Observable to watch after changes done to the input. The Kendo UI grid features inherent integration with AngularJS using directives which are officially supported as part of the product. 95/month (+HST) for first 6 months… Read More. Of course, there are more features we can add to our directive like the ability to disable tabs or select which Bootstrap styles to apply. Free, responsive Admin Dashboard template containing different styles of dashboards, data presentations, and numerous insightful components. Add ag-Grid to your project. JLG Industries is a leading manufacturer of lift equipment. This post has been published first on CodingTheSmartWay. uib-tabset settings. Eliminate the need for ladders and scaffolding with the 20MVL driveable vertical mast lift. Skip to content. Intended for jQuery’s internal use; specific properties may be removed when they are no longer needed internally to improve page startup performance. Vertical Tab. ng add @progress/kendo-angular-scrollview. ) Horizontal angular measurements are made between survey lines to determine the angle between the lines. Admin web application template with Bootstrap 3 and AngularJS. In astronomy, we often use angular measurements to describe the apparent size of an object in space and the apparent distances between objects. December 23, 2011. We can see this technique used in many places on the web. Built with Angular QuickStart Lib. When you use the special-character tab, you can set a tab to align to any character you choose, such as a colon or a dollar sign. Vertical Gallery would also be neat. Install Packages npm install --save font-awesome angular-font-awesome. 0-kg child running at a speed 3. Physics problem please help! Common Angular Velocity? Disk A, with a mass of 2. js and overthrow. As powerful as if I would code a normal application for Windows in C#. Solve for the unknown angular accelerations. Angular2-Tabs. Science · Physics · Torque and angular momentum · Torque, moments, and angular momentum Rotational inertia Learn how the distribution of mass can affect the difficulty of causing angular acceleration.

Angular 6 Vertical Tabs