html

jQuery sortable and custom scroll bar  #angularjs #reactjs

  • I am using custom scrollbar in my webapp but I have the following problem:

    As you can see when you drag an item out of the list it is invisible.

  • I need to make it visible and to be original item because I have animation triggers bind to it.
  • You can understand more of what I am trying to do if you check this: jQuery sortable with overflow: hidden; between two lists

As you can see when you drag an item out of the list it is invisible.
I need to make it visible and to be original item because I have animation triggers bind to it.
Continue reading “html”

javascript

  • My question involves how to go about dealing with complex nesting of templates (also called partials) in an AngularJS application.
  • Here is an example of what’s in my app:

    In circle 2, the template that is loaded into the has an additional sub-navigation.

  • I know that I can include additional templates within the 1st template, but these templates are all going to be pretty complex.
  • I would like to keep all the templates separate in order to make the application easier to update and not have a dependency on the parent template having to be loaded in order to access its children.
  • There is the potential that the sub-navigation templates will have a 2nd sub-navigation that will need to load its own templates as well into the area in circle 4

    How does one go about structuring an AngularJS app to deal with such complex nesting of templates while keeping them all separate from one another?

My question involves how to go about dealing with complex nesting of templates (also called partials) in an AngularJS application.
Continue reading “javascript”

GitHub

  • Best practices for AngularJS Applications using Typescript.
  • Most examples found throughout the web that use AngularJS with TypeScript are not following common Software Engineering practices.
  • Code is hard to understand and very complex, often is another layer built around the framework.
  • These small snippets should show how an AngularJS 1.5 application can use TypeScript very easily and still stick to the ES6 standard.
  • Typescript is only used for typings, no inheritance, interfaces and other boilerplate code is needed.

AngularJS-TypeScript-BestPractices – Best practices for AngularJS Applications using Typescript.
Continue reading “GitHub”

javascript

  • A problem we’re having is that every component refreshes when the changes, even if it’s a variable that is updated that does not exist/not used in some components.
  • For example, we have a TickersPanel and a TagsPanel.
  • When a Ticker is selected, the TagsPanel should be updated and refreshed, however when a tag is selected in the TagsPanel, the TickersPanel should NOT refresh, but it currently does.
  • However once I do that, NO components will refresh.
  • Has anyone found a way around this problem?

A problem we’re having is that every component refreshes when the $state changes, even if it’s a variable that is updated that does not exist/not used in some components.
Continue reading “javascript”

javascript

  • My question involves how to go about dealing with complex nesting of templates (also called partials) in an AngularJS application.
  • Here is an example of what’s in my app:

    In circle 2, the template that is loaded into the has an additional sub-navigation.

  • I know that I can include additional templates within the 1st template, but these templates are all going to be pretty complex.
  • I would like to keep all the templates separate in order to make the application easier to update and not have a dependency on the parent template having to be loaded in order to access its children.
  • There is the potential that the sub-navigation templates will have a 2nd sub-navigation that will need to load its own templates as well into the area in circle 4

    How does one go about structuring an AngularJS app to deal with such complex nesting of templates while keeping them all separate from one another?

My question involves how to go about dealing with complex nesting of templates (also called partials) in an AngularJS application.
Continue reading “javascript”

Google launches final release version of Angular 2.0

  • After Google launched the first version of its Angular web application framework in 2010, it quickly became one of the hottest web technologies.
  • Since then, the web has changed, though, and when Google announced Angular 2 in 2014, it created quite a stir in the web development community because this new version wasn’t just an update, but instead a complete rewrite that wasn’t compatible with the older version.
  • Facebook’s React framework especially has a lot of momentum behind it, though, to be fair, the two projects have slightly different styles (Angular is a far more opinionated framework, for example) and strengths (React Native makes it easy to build native apps, for example).
  • Looking ahead, the Angular team plans to provide developers with more guides and examples to help them learn Angular 2.0 faster.
  • Angular Universal, a project that lets you render your app server-side so first-time users will quickly see a server-rendered version of your site, for example, will also soon get support for more languages.

After Google launched the first version of its Angular web application framework in 2010, it quickly became one of the hottest web technologies. Since then,..
Continue reading “Google launches final release version of Angular 2.0”