In this lesson, we’re going to learn about Angular filters. Filters are added to expressions or directives by a ‘|’ sign followed by the filter’s name. Angular filters serve to perform a variety of effects on data – some (such as the currency, date, JSON and number filters) transform the value of an element from one format into another; some change the appearance of data (such as the lowercase and uppercase filters, which transform a string from uppercase to lowercase and vice versa), and some (such as filter, limitTo and orderBy) selectively change the displayed order or size of a collection (array or string), depending on our specifications/criteria.
One of the big (and mostly undocumented) shifts in Angular 2 is learning how to think about the DOM (Document Object Model) as an abstracted API. No longer can we be satisfied with just rendering in the browser - now our code needs to be compatible with WebWorkers, servers, and any other context for which people will write adapters (ex, NativeScript). This freedom, however, comes with a cost of complexity. And, relatively simple operations, like copying HTML, become, well, complex. Ideally, I'd like to be able to copy the innerHTML of a component in a platform-agnostic way; but, ultimately, the only way that I could figure out how to do it - without using native browser APIs - was to use the BrowserDomAdapter service.
Angular 2 Components have a far better way of notifying parent Components that something has happened via events. There is no longer two-way data binding in Angular 2 in the same way we knew it in Angular 1.x, it’s designed around a uni-directional data flow system that adopts a much more reasonable approach to application development. Let’s finalise the basics of parent-child and child-parent communication.
Emanuil Glavchev made an important contribution that many dhtmlx users were looking for. He has created wrappers for some of the DHTMLX library controls that enables using it with AngularJS Framework. So, most popular Suite controls, such as Grid, Tree, Layout, Form and more other can be now easily used in your Angular + DHTMLX projects. Continue reading to learn about Emanuil’s contribution and the work he has done.
Continue reading to learn about Emanuil’s contribution and the work he has done.
Getting your front-end and back-end teams up to full speed is certainly something each company is looking for. Often though, what happens is that the teams fall into the pit of blocking dependencies. Those are situations where the upcoming work of one team is blocked by a user story owned by the other team. The focus of this article is to present a way that front-end teams can become independent of the back-end and at the same time provide a useful interface which reduces the risk of structural changes.