AnuglarUI Typeahead Work with Objects instead of SoureArray

The thing to ntice about the typeahead directive from http://angular-ui.github.io/bootstrap/ is that tries to mimic syntax used by the select directive from AngularJS. It means that all the expressions used to select a model to bind and a label are AngularJS expressions. This is turns means that you can use whatever AngularJS expression to calculate […]

Continue reading


AngularUI: Custom Events on Angular-UI Tooltip

Twitter Bootstrap tooltips (that Angular-UI relies upon) have an option to specify the trigger event with an additional attribute as in data-trigger=”mouseenter”. This gives you a way of changing the trigger programmatically (with Angular):

So when button was selected, mls.isSelected=true then the tooltip-trigger expression will evaluate to mouseenter and tooltip will show up. Otherwise, […]

Continue reading


AngularUI: Editable Cell Blur Event Triggered Using ng-grid

Here is to provide two methods to trigger blur event for editable cell using ng-grid Methods 1: Default Callback Function in ng-grid In ng-grid, there is a default callback function which name ngGridEventEndCellEdit in line 2907 of github.com version 2.0.7 source file. The screenshot as below:

Methods 2: Customize the focus & blur Event […]

Continue reading


AngularUI: Get the Cell Value from ng-grid by Clicked or Selected

Use the afterSelectionChange callback function to trigger the event after clicked or selected Then, we can try to console.log the this object

this in the afterSelectionChange callback function represents the current cell clicked or selected from ng-gird. It has the entity object which contains the value of the cell. so we can call this.entity.VALUE […]

Continue reading


AngularUI: NG-Grid Templating

There are three templates in AngularUI NG-Grid Templating. They are as below: 1. Row Templates Default Row Template:

Example:

That way you can add some styling! Default header template:

2. Cell Templates Default Cell Template:

Example:

3. Header Cell Templates Default Cell Template:

Example:

Resource: Github

Continue reading