javascript

MixitUp Not working with Bootstrap tab-pane  #angularjs #reactjs

  • Somebody Please help me to find this error –> MixIt Up is not working with Css Tabs If we remove the tab pane i will work
  • I found the answer on MixItUp Forum.
  • Stack Overflow works best with JavaScript enabled
  • You can further customize mixitup and have multiple filter logic for different tab.
  • There seems to be some issue while using Bootstrap tabs with MixItUp.

Somebody Please help me to find this error
–> MixIt Up is not working with Css Tabs
If we remove the tab pane i will work
Continue reading “javascript”

Exchange Data Between Directive and Controller in AngularJS

  • So in order to do this we need to emulate the ng-model behavior of an input in our Directive.
  • We can also remove the initialization of the internalCount variable in the directive.
  • To do this we will pass the variable as an attribute to the directive and use it to initialize the scope of the directive
  • This boils down to the fact that you need to access the scope of a Directive from a page Controller and access the scope of a page Controller from a Directive.
  • The project required me to write a directive for a canvas, get the Base64 image data when a user draws on it, and make it available to the controller of the page which contains the directive.

In this Quick Tutorial we will look at How to Exchange Data Between Directive and Controller in AngularJS and bind the scopes to each other.
Continue reading “Exchange Data Between Directive and Controller in AngularJS”

Make custom attribute rules consistent with custom element name rules · Issue #2271 · whatwg/html · GitHub

  • The person using the attribute is not the same person that decided on its naming.
  • A small minority of developers using custom attributes are unhappy with data; 15x more are happy with data than are unhappy.
  • Developers of popular libraries with many attributes are not using data-.
  • But allowing for icons has many practical downsides—the same ones I listed before for allowing non- data- prefixes for custom data attributes.
  • Custom attributes need to start with data- .

html – HTML Standard
Continue reading “Make custom attribute rules consistent with custom element name rules · Issue #2271 · whatwg/html · GitHub”

Exchange Data Between Directive and Controller in AngularJS

  • To do this we will pass the variable as an attribute to the directive and use it to initialize the scope of the directive
  • This boils down to the fact that you need to access the scope of a Directive from a page Controller and access the scope of a page Controller from a Directive.
  • So in order to do this we need to emulate the ng-model behavior of an input in our Directive.
  • We can also remove the initialization of the internalCount variable in the directive.
  • The project required me to write a directive for a canvas, get the Base64 image data when a user draws on it, and make it available to the controller of the page which contains the directive.

In this Quick Tutorial we will look at How to Exchange Data Between Directive and Controller in AngularJS and bind the scopes to each other.
Continue reading “Exchange Data Between Directive and Controller in AngularJS”

Exchange Data Between Directive and Controller in AngularJS

  • To do this we will pass the variable as an attribute to the directive and use it to initialize the scope of the directive
  • This boils down to the fact that you need to access the scope of a Directive from a page Controller and access the scope of a page Controller from a Directive.
  • So in order to do this we need to emulate the ng-model behavior of an input in our Directive.
  • We can also remove the initialization of the internalCount variable in the directive.
  • The project required me to write a directive for a canvas, get the Base64 image data when a user draws on it, and make it available to the controller of the page which contains the directive.

In this Quick Tutorial we will look at How to Exchange Data Between Directive and Controller in AngularJS and bind the scopes to each other.
Continue reading “Exchange Data Between Directive and Controller in AngularJS”

Introduction To Pipes In Angular 2

Introduction To Pipes In #Angular2 by Vishal Gilbile cc @CsharpCorner  #Angular #Angularjs

  • We are done with creating our custom Angular 2 pipe.
  • We’ve decorated the EmployeeSearchPipe class with @Pipe decorator which tells Angular that this is our custom pipe.
  • In order to put this pipe to work, we need to modify our app.module.ts file (so that we can register our custom pipe with that of the application module & use it throughout the application).
  • The steps to create a pipe are almost similar to that of creating a component.
  • We’ve applied our custom pipe “empByName” on the *ngFor row.

In this article, you will learn about Pipes in Angular 2.
Continue reading “Introduction To Pipes In Angular 2”

Angular 2 — Making your component auth-aware – NetanelBasal

  • When dealing with cross cutting concerns, AOP (Aspect Oriented Programming) is your best friend.
  • My first approach was in every component to subscribe to the session observable from my store and render what I need based on the status.
  • Not DRY; a cross cutting concern is handled in every component.
  • And then continue following this approach in all my components that needed this kind of functionality.
  • Directive for managing component behavior triggered by login/logout events.

When dealing with cross cutting concerns, AOP (Aspect Oriented Programming) is your best friend. In Angular 2, this is achievable by writing your own Directive. I’m working on my Angular 2 project…
Continue reading “Angular 2 — Making your component auth-aware – NetanelBasal”