angular-directive

Here is the label code: import {Directive} from '@angular/core'; @Directive({ selector: '[ngbButtonLabel]', host: {'[class.btn]': 'true', '[class.active]': 'active', '[class.disabled]': 'disabled', '[class.focus]': 'focused'} }) export class NgbButtonLabel { active: boolean; disabled: boolean; focused: boolean; } and here is the radio button code: import {Directive, forwardRef, Input, Renderer2, ElementRef, OnDestroy} from '@angular/core'; import {ControlValueAccessor, NG_VALUE_ACCESSOR} from '@angular/forms'; import {NgbButtonLabel} from './label'; const NGB_RADIO_VALUE_ACCESSOR = { provide:

How do I get the value from the select option in Angular 4? I want to assign it to a new variable in the component.ts file. I've tried this but outputs nothing. Can you also do it using [(ngModel)]? component.html <form class="form-inline" (ngSubmit)="HelloCorp(f)" #f="ngForm"> <div class="select"> <select class="form-control col-lg-8" #corporation required> <option *ngFor="let corporation of corporations" [value]="corporationObj">{{corporation.corp_name}}</option> </select> <button type="submit" class="btn btn-primary manage">Submit</button> </div> </form> component.ts HelloCorp() { const

I'm very new to AngularJs and datatables. I have a requirement to populate the data in table rows using ng-repeat. Iam able to populate the rows and enabling the sorting for the first time. When i click on the arrows to sort ascend or descend the row data wiping off. Here is my table data <table datatable="ng" id="example" class="display" cellspacing="0" width="100%"> <thead> <tr> <th class="col1">Campaign Name</th> <th class="col4">Description</th> <th class="col5">Activate/Deactivate</th> <th class="col5">edit</th> <!-- <th class="col5">status</th> --> <!-- <th class="col5">Details</th> -->

I've been reading this nice recent article about new .component() helper in Angular 1.5, which is supposed to help everyone to migrate to Angular 2 eventually. Everything looks nice and simple, but I couldn't find any information about DOM manipulation inside components. There is a template property though, which can be a function and accept $element and $attrs arguments. Still it's not clear to me if that's the replacement for a link function. It doesn't seem so. jody tate EDIT 2/2/16: The 1.5 documentation now covers components: https://docs.angularjs.org/guide/component Some thoughts based

I have spent quite a lot of time reading through AngularJS documentation and several tutorials, and I have been quite surprised at how unapproachable the documentation is. I have a simple, answerable question that may also be useful to others looking to pick up AngularJS: What is an AngularJS directive? There should be a simple, precise definition of a directive somewhere, but the AngularJS website offers these surprisingly useless definitions: On the home page : Directives are a unique and powerful feature available in AngularJS. Directives let you invent new HTML syntax, specific to your

According to the docs (specifically, the table comparing directives to components), angular components allow requiring other directives (or is it only components?). However, components do not have a link function, which could give access to the required controller. The source , contrary to documentation, seems to suggest that it is not possible to use 'require' when creating components. Which is true? The cited source is outdated. As of 1.5.0, component controllers can be required in other components (the same applies to directives). An example from the guide shows the way how the components

I have been struggling to figure out the best way to dynamically change the background-image attribute in a number of Angular 2 components. In the following example, I am attempting to set the background-image of a div to an @Input value using [ngStyle] directive: import {Component, Input} from '@angular/core'; import { User } from '../models'; // exporting type aliases to enforce better type safety (https://github.com/ngrx/example-app) export type UserInput = User; @Component({ selector: 'profile-sidenav', styles: [ ` .profile-image { background-repeat: no-repeat; background-position: 50%;

I want to read a csv file and get its content by using AngularJS and HTML5. I want to put the content of the csv file in $scope. I have this code in my html <table align="center" > <tr class="borderless"> <td>Choose .csv file</td> <td><input type="file" name="readCsvFile" id="readCsvFile" accept=".csv"> </td> <td><input type="button" value="Upload" ng-click="uploadCsvFile()"></td> </tr> </table> with a custom directive: app.directive('fileReader', function() { return { scope: { fileReader:"=" }, link: function(scope, element) { $(element).on('change', function(changeEvent) { var files =