sublime text 3 js code completion not working after installing angularJS - angularjs

I just installed angularJS package control after following the link http://weblogs.asp.net/dwahlin/using-the-angularjs-package-for-sublime-text, this enabled me to get the angular code hints but it messed up my default code hinting feature in sublime-text 3. In the attached image, I have this function decrementCountdown defined, when I try to use it - it does not show up in the code completion hints, the only things I see is the AngularJS methods.
Could someone please help me? thanks

Try disabling AngularJS javascript Autocompletion
as can be seen in the issue on their Github Page.
Sublime 3 javascript Autocompletion not working properly

Related

The Angular Universal (SSR) cannot integrate with the external libraries like puppeteer, bulljs

This is just for describing the issue and sharing my solution, I got stuck a lot of time on it.
This issue happened after I upgraded the Angular 10 -> 11 and changed the builder from udk:udk-runner to #angular-devkit
The issue I was facing is when I set the field bundleDependencies in angular.json to true . The Puppeteer cannot start with the error cannot launch the browser
Then I found it also happened on the other external libraries I'm using at the Server side like BullJS Bull-Board Puppeteer-Cluster with the below error
Github source for demo the issue: https://github.com/phattranky/angular-ssr-error-with-pupepteer
The solution is quite simple you just need to add externalDependencies below the field bundleDependencies, which are the libraries we are using.
"externalDependencies": ["puppeteer", "puppeteer-cluster", "bull", "bull-board"]
Sample:
What is the externalDependencies ?
https://github.com/angular/angular-cli/blob/master/packages/angular_devkit/build_angular/src/builders/server/schema.json
If you have the better solution and any feedbacks, please share for me. Thanks

Need help bootstrapping an AngularJS app into an Angular2 CLI generated app using ngUpgrade

I've been wrestling with this for almost a day now, so I think it's time I give up and ask for help.
I started with a trivial AngularJS application (1.4.7) that should simply display "Greetings from Angular 1", and have been trying to bootstrap that application into a trivial Angular2 CLI generated app.
It doesn't seem to work. Instead of "Greetings from Angular 1", I see "{{angular1Msg}}". The following commit shows exactly what I did to include and bootstrap the app. I've spent quite a bit of time now with the documentation and am not sure what I'm missing.
Any help would be greatly appreciated!
Project repo:
https://github.com/scottschafer/ng2hybrid
The commit in which I attempted to integrate the AngularJS app:
https://github.com/scottschafer/ng2hybrid/commit/4b2c7c5339388ec2b3debeae0643dff89b75926f
(note that the source for the AngularJS app lives in src/ng1app, and is a working standalone AngularJS 1.4.7 application).
I finally got this working. A lot of trial and error. Not much fun at all.
https://github.com/scottschafer/ng2hybrid

Setting up Angular for production

I have been trying to follow the suggestions for running an angular app in production. However I have been struggling to disable the comment and css class directives:
$compileProvider.commentDirectivesEnabled(false);
$compileProvider.cssClassDirectivesEnabled(false);
When I try to add these commands to the config block I receive the error:
$compileProvider.commentDirectivesEnabled is not a function
The codepen below demonstrates my issue, if you comment out the two lines then the code runs without any problem:
http://codepen.io/anon/pen/RoaKbj?editors=1010
These two methods don't exist in the 1.5.8 version of angular that you're using.
They exist in the 1.6.0-rc.0 version though.

Eclipse plugin for angular not working

cant make the plugin
https://github.com/angelozerr/angularjs-eclipse/wiki/Getting-Started
work, not sure why though. have followed all instructions to the T.
although angular module is installed, the problem is i cant see any angular editor.
Please help
right click on the project created in eclipse--> configure--> convert to Angular project, you will be able to get content assist for angular directives or elements on the html file now.

AngularJS plugin for WebStorm

I am using AngularJS with WebStorm, and my question is:
How do I add the AngularJS plugin for intellisense keyword for the AngularJS directives in the JetBrains WebStorm?
These links may help you:
http://plugins.jetbrains.com/plugin/6971
http://blog.jetbrains.com/blog/2013/04/02/mastering-webstorm-for-angularjs-youtube-livestream-event-tuesday-april-9/
https://github.com/johnlindquist/angularjs-plugin
https://groups.google.com/forum/#!topic/angular/c_suah3j0Xc
http://pkozlowskios.wordpress.com/2012/07/15/live-templates-for-angular-js-in-webstorm/
Here is simple Steps to add Angular Plugin
Step 1 : Just download the JetBrains WebStorm plugin from http://plugins.jetbrains.com/plugin/6971
Step 2 : Goto the WebStorm File->Settings->IDE Settings->Plugins
Step 3 : Click Install plugin from disk and select the zip files
Step 4 : Restart the WebStorm
You are done :)
John recommends not to do it any other way than his but his instructions are as always a bit terse. I found this to be a much better guide. It repeats what john suggests. Note that this step is easy to miss if you dont remember to scroll:
Navigate to the bottom of the panel and select the “Browse Repositories..” button. This spawns a new window. Double click on the Angular.js plugin

Resources