angular 2 and Ng-token-Auth - ruby-on-rails

Hi I'm just starting to learn Angular 2. I understand Angular 1 libraries don't work with Angular 2. Is there a Ng 2 version of Ng-Token-Auth? Does anyone have experience with this, doing authentication using a rails devise-token-auth backend? thanks.

The angular2-token library could handle this task for you, since it is based on Ng-Token-Auth. As of today, there are a few limitations though :
The library depends on the latest versions of Angular2 (2.0.2 as of today), so it's probably better to be up-to-date in your project too
angular2-token uses the new Angular 2 router, which is not supported by frameworks such as Ionic 2 yet. However if you're using Ionic 2, you should soon be able to give it a try according to this post.
Hope this helps

Related

Using BreezeJs and Mobx in react or vue

I guess if someone needs to migrate from a legacy breeze.js application to a newer framework except Angular like ReactJs or VueJs, then Mobx can be a great help to brings the observable objects to the project.
I was wondering is someone has gave it a go to provide some feedback and perhaps sharing some code.
Actually, you don't need MobX with Breeze because Breeze already provides this capability. See the following example: Creating a Breeze React App

The updated material design (mdc - 2018) vs. angular (dart) components

I'm new to Angular and I'm a bit confused whether the implementation of the angular components reflects the recent (2018) material design system changes or they are just updating the old version of the system?
the Angular components version is been updated:
https://trimox.github.io/angular-mdc-web/#/angular-mdc-web/home
But it seems to me that the Angular Dart components version is still using the old system:
https://dart-lang.github.io/angular_components/
Am I missing something or the Angular components will not get the latest material design updates?
(I think the Angular team is using foundations and adapters to adapt the vanilla web version of the updated material design system, is the Angular Dart team doing the same?)
The specs and M2 components are still being worked on. We have some ready, but I don't see us releasing them until after internal teams have shaken out most of the bugs. They are still going through big API changes to make sure they work well in our products.
There is one that is released which is the material_card.

What is the best way to integrate angular 6 in asp .net mvc? [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 4 years ago.
Improve this question
I want to upgrade my project from angular 1 to angular 6. I have developed my application in ASP.NET MVC. I know that angular 6 is completely different from angular 1. I have searched for developing ASP.NET MVC application using angular 2 but I did not find any suitable answer. Is it possible to write and execute angular 6 (Typescript) code in visual studio?
Fair warning, upgrading an AngularJS project to Angular 6 is going to be a chore. As you mentioned, a lot of changes took place in the transition from AngularJS to Angular 2. Angular does have a guide for how to do the upgrade on their website:
https://angular.io/guide/upgrade
I would recommend following that guide to upgrade from Angularjs to Angular 2 first. Once you have that done, then I would continue upgrading in major version increments (that is what the Angular developers recommend for a large version upgrade). This site can help you with the rest of the upgrade process:
https://update.angular.io/
This probably goes with out saying, but when doing upgrades like this, version control software is your friend. Make sure you can always get back to a working version of your code.
Also, Microsoft maintains a starter template for an single page application with an angular front end and an ASP.Net MVC backend. You can spin up a copy of the template from the dotnet cli with the command:
dotnet new angular -o my-new-app
The template doesn't currently use the most recent version of angular, but It could be a good reference while going through the initial upgrade process. If you are starting a new project, you could use this template and then follow the guides above to upgrade to angular 6. Here is Microsoft's documentation on the template:
https://learn.microsoft.com/en-us/aspnet/core/client-side/spa/angular?view=aspnetcore-2.1&tabs=visual-studio
Finally, if you aren't familiar with the most recent versions of angular, I would recommend perusing the rest of the angular documentation to see what is different and how things work in the most recent version. Their documentation is really good, and it could help give you a sense of where you are headed during the upgrade process.
Hope that helps. Good luck.

Building Hybrid Mobile App using Ionic Framework

I am exploring different options for creating my first mobile app. I am from a web development background using Rails and Postgres.
I am unsure of how something like the Ionic framework works. I've looked around on the web but I weren't able to find answers to my specific question. Is my understanding correct that I will be able to create a full Rails/Postgres backend with various API's and then talk to the backend from my Hybrid mobile app (Ionic framework)?
Can anybody point me to a tutorial that might have worked for them please?
We've just released a tutorial on how to integrate a Rails backend with Ionic, based on our experience building many real world production apps.
You can find it here:
http://www.dovetaildigital.io/blog/2015/8/21/rails-and-ionic-make-love-part-one
This is the first of a three part series in which we move from basic integration to full user authentication and integration testing. Hopefully this is of some help to you!
So if you have any epxerience in web design ionic is a very easy. You build a webpage just like you would for hosting on a server. All ionic does, along with angular js, is extend html's vocabulary using something called directives. I would use the intel xdk. It has brackets as a built in text editor, a built in phone emulator, and a build server for mobile apps all tied into one. You can also start with an ionic template. what you end up with is some html, javascript (mostly angular js), and some css. Then that code is built into a mobile app for whatever platform you choose through the cordova build process. You can grab the intel xdk here https://software.intel.com/en-us/html5/tools, ionic docs are here http://ionicframework.com/docs/, and an ionic tutorial here http://ionicframework.com/getting-started/. Best of luck to you!

JSF 2 compatible with jQuery Mobile?

so I have been tasked with finding out whether an existing JSF project can incorporate jQuery Mobile. I have only finished college 2 months ago so I have limited experience, which is why I am turning to you guys for help.
The project is using eclipse with JSF,Maven and Spring. At the moment it is my belief that only jQuery mobile 1.0 is fully usable with JSF. One of the pre-requisites of the project however states that the latest version of jQuery Mobile must be used.
So my question is this, is jQuery 1.2 fully usable with JSF? Or does it have parts that are not compatible.
If so does anyone have any good tutorials they can link to on how to use this?
Thanks in advance for any help provided, any information that needs clearing up or any clarification needed just let me know.
I have used jQuery Mobile 1.0 in combination with JSF2 in the past, and things worked pretty well. Not sure about the 1.2 version, but I don't know any reason why that wouldn't work.
As mentioned in Chaney's comment, binding and retrieving data to the jQuery controls can sometimes be troublesome. You might want to check out PrimeFaces Mobile, which takes most of that burden off you and should get you started pretty quickly (if it doesn't conflict with any other component libraries you are using). The latest version of PrimeFaces Mobile seems to use jQuery 1.8.2 and jQuery Mobile 1.1.0.

Resources