https://github.com/maxhoffmann/angular-snippets
:page_with_curl: Sublime Text Snippets and Completions for Angular.js
https://github.com/maxhoffmann/angular-snippets
Last synced: 3 months ago
JSON representation
:page_with_curl: Sublime Text Snippets and Completions for Angular.js
- Host: GitHub
- URL: https://github.com/maxhoffmann/angular-snippets
- Owner: maxhoffmann
- License: mit
- Created: 2013-05-21T20:21:02.000Z (almost 13 years ago)
- Default Branch: master
- Last Pushed: 2014-05-31T21:29:54.000Z (almost 12 years ago)
- Last Synced: 2025-01-23T06:32:00.408Z (about 1 year ago)
- Homepage: https://packagecontrol.io/packages/AngularJS%20Snippets
- Size: 433 KB
- Stars: 85
- Watchers: 7
- Forks: 15
- Open Issues: 1
-
Metadata Files:
- Readme: README.markdown
- License: LICENSE
Awesome Lists containing this project
README
# Angular.js Snippets for Sublime Text
This snippet library provides completions for Angular.js’s stable and unstable branch.
Sublime Text uses fuzzy searching for snippets and completions therefore you don’t have to write triggers completely.
All snippets add Angular’s inline notation for dependencies automatically, so you don’t have to type them twice.
## Installation
- Package Control: install the package "AngularJS Snippets"
- Manual: copy files to your Sublime Text User folder
## IMPORTANT
Completions won’t show in HTML unless you have added this line to your User.sublime-preferences:
"auto_complete_triggers": [ {"selector": "text.html", "characters": "<"}, {"selector": "text.html meta.tag", "characters": " " } ]
__Snippet Categories:__
- [Services](#services)
- [Directives](#directives)
- [Globals](#globals)
- [jQuery lite](#jquery-lite)
- [Scope functions](#scope-functions)
- [Log functions](#log-functions)
- [Variables](#variables)
## Services
triggercompletion
config
config([function() {
|
}])
constantconstant('{name}', {value})
controllercontroller('{Name}Ctrl', [function ({$scope}) {
|
}])
decoratordecorator('{name}', [function ($provide) {
$provide.decorator('{name}', [function($delegate) {
return {$delegate}|;
}]);
}])
directivedirective('{name}', [function () {
return {
restrict: '{A}',
link: function(scope, iElement, iAttrs) {
|
}
};
}])
directivelongdirective('{name}', [function () {
return {|
priority: 0,
template: '<div></div>',
templateUrl: 'directive.html',
replace: true,
transclude: true,
restrict: 'A',
scope: {},
controller: function($scope, $element, $attrs, $transclude, otherInjectables) {
},
compile: function compile(tElement, tAttrs, transclude) {
return function postLink(scope, iElement, iAttrs, controller) {
}
},
link: function postLink(scope, iElement, iAttrs) {
}
};
}])
factoryfactory('{name}', [function () {
|
return {
};
}])
otherwiseotherwise({ redirectTo: '/{route}' })
providerprovider('{name}', [function () {
|
this.$get = [function() {
return {
};
}];
}])
runrun([function() {
|
}])
serviceservice('{name}', [function () {
|
}])
valuevalue('{name}', {value})
whenwhen('/{name}', {
templateUrl: '{name}.html',
controller: '{Name}Ctrl'
})
## Directives
triggercompletion
ng-animateng-animate="{enter: '{example}-enter', leave: '{example}-leave'}"
ng-animatesng-animate="'{class-prefix}'"
ng-appng-app=""
ng-bindng-bind=""
ng-bind-html-unsafeng-bind-html-unsafe=""
ng-bind-templateng-bind-template=""
ng-changeng-change=""
ng-checkedng-checked=""
ng-classng-class=""
ng-class-evenng-class-even=""
ng-class-oddng-class-odd=""
ng-clickng-click=""
ng-cloakng-cloak
ng-controllerng-controller="{Name}Ctrl"
ng-dblclickng-dblclick=""
ng-disabledng-disabled=""
ng-formng-form=""
ng-hideng-hide=""
ng-hrefng-href=""
ng-ifng-if=""
ng-includeng-include="{template}" {onload="" autoscroll=""}
ng-initng-init=""
ng-keydownng-keydown=""
ng-keypressng-keypress=""
ng-keyupng-keyup=""
ng-listng-list=""
ng-modelng-model=""
ng-mousedownng-mousedown=""
ng-mouseenterng-mouseenter=""
ng-mouseleaveng-mouseleave=""
ng-mousemoveng-mousemove=""
ng-mouseoverng-mouseover=""
ng-mouseupng-mouseup=""
ng-multipleng-multiple=""
ng-nbindng-non-bindable=""
ng-openng-open=""
ng-pluralizeng-pluralize count="" when="'': '{}'"
ng-readonlyng-readonly=""
ng-repeatng-repeat="{item} in {array}"
ng-selectedng-selected=""
ng-showng-show=""
ng-srcng-src=""
ng-styleng-style=""
ng-submitng-submit=""
ng-swipe-leftng-swipe-left=""
ng-swipe-rightng-swipe-right=""
ng-switchng-switch on=""
ng-switch-defaultng-switch-default=""
ng-switch-whenng-switch-when=""
ng-transcludeng-transclude
ng-viewng-view
## Globals
triggercompletion
angular.bind
angular.bind({self}, {function})
angular.bootstrapangular.bootstrap({element}{, [{modules}]})
angular.copyangular.copy({source}{, {destination}})
angular.elementangular.element({element})
angular.equalsangular.equals({obj1}, {obj2})
angular.extendangular.extend({destination}, {source})
angular.forEachangular.forEach({obj}, {iterator})
angular.fromJsonangular.fromJson({jsonString})
angular.identityangular.identity()
angular.injectorangular.injector([{modules}])
angular.isArrayangular.isArray({value})
angular.isDateangular.isDate({value})
angular.isDefinedangular.isDefined({value})
angular.isElementangular.isElement({value})
angular.isFunctionangular.isFunction({value})
angular.isNumberangular.isNumber({value})
angular.isObjectangular.isObject({value})
angular.isStringangular.isString({value})
angular.isUndefinedangular.isUndefined({value})
angular.lowercaseangular.lowercase({string})
angular.moduleangular.module('{moduleName}', [])
angular.noopangular.noop
angular.toJsonangular.toJson({string})
angular.uppercaseangular.uppercase({string})
angular.versionangular.version
## jQuery lite
triggercompletion
angular: addClass
addClass({className})
angular: afterafter({el})
angular: appendappend({el})
angular: attrattr({el})
angular: bindbind({eventType}{, eventData}{, eventHandler})
angular: childrenchildren()
angular: cloneclone({withDataAndEvents})
angular: contentscontents({withDataAndEvents})
angular: csscss({propertyName(s)})
angular: datadata({key, value | obj})
angular: eqeq({index})
angular: findfind({tag})
angular: hasClasshasClass({className})
angular: htmlhtml()
angular: nextnext()
angular: parentparent()
angular: prependprepend({content})
angular: propprop({propertyName})
angular: readyready({handler})
angular: removeremove({selector})
angular: removeAttrremoveAttr({attributeName})
angular: removeClassremoveClass({className})
angular: removeDataremoveData({name})
angular: replaceWithreplaceWith({newContent})
angular: texttext()
angular: toggleClasstoggleClass({className})
angular: triggerHandlertriggerHandler({eventType})
angular: unbindunbind({eventType{, handler})
angular: valval({eventType{, handler})
angular: wrapwrap({wrappingElement})
angular: controller
controller({name})
angular: injectorinjector()
angular: scopescope()
angular: inheritedDatainheritedData()
## Scope functions
triggercompletion
angular: $apply
apply({exp})
angular: $broadcastbroadcast({name}{, args})
angular: $destroydestroy()
angular: $digestdigest()
angular: $emitemit({name}{, args})
angular: $evaleval({expression})
angular: $evalAsyncevalAsync({expression})
angular: $newnew({isolate})
angular: $onon({name}, {listener})
angular: $watchwatch({watchExpression}{, listener}{, objectEquality})
angular: $watchCollectionwatchCollection({obj}, {listener})
angular: $idid
# Log functions
triggercompletion
angular: $log.debug
log.debug('{debug}')
angular: $log.errorlog.error('{error}')
angular: $log.infolog.info('{info}')
angular: $log.loglog.log('{log}')
angular: $log.warnlog.warn('{warning}')
angular: $log.assertEmptylog.assertEmpty()
angular: $log.resetlog.reset()
## Variables
triggercompletion
angular: $angular
angular
angular: $anchorScrollanchorScroll
angular: $animationanimation
angular: $animatoranimator
angular: $cacheFactorycacheFactory
angular: $compilecompile
angular: $controllercontroller
angular: $exceptionHandlerexceptionHandler
angular: $locationlocation
angular: $locationProviderlocationProvider
angular: $loglog
angular: $parseparse
angular: $resourceresource
angular: $rootElementrootElement
angular: $rootScoperootScope
angular: $routeroute
angular: $routeParamsrouteParams
angular: $routeProviderrouteProvider
angular: $templateCachetemplateCache
angular: $timeouttimeout
angular: $scopescope
## LICENSE
The MIT License (MIT)