Skip to content

maxhoffmann/angular-snippets

Repository files navigation

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

triggercompletion
config
config([function() {
	|
}])
constant
constant('{name}', {value})
controller
controller('{Name}Ctrl', [function ({$scope}) {
	|
}])
decorator
decorator('{name}', [function ($provide) {
	$provide.decorator('{name}', [function($delegate) {
		return {$delegate}|;
	}]);
}])
directive
directive('{name}', [function () {
	return {
		restrict: '{A}',
		link: function(scope, iElement, iAttrs) {
			|
		}
	};
}])
directivelong
directive('{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) {

	}
};

}])

factory
factory('{name}', [function () {
|

return {

};

}])

otherwise
otherwise({ redirectTo: '/{route}' })
provider
provider('{name}', [function () {
|

this.$get = [function() {
	return {

	};
}];

}])

run
run([function() {
|
}])
service
service('{name}', [function () {
|
}])
value
value('{name}', {value})
when
when('/{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.bootstrap
angular.bootstrap({element}{, [{modules}]})
angular.copy
angular.copy({source}{, {destination}})
angular.element
angular.element({element})
angular.equals
angular.equals({obj1}, {obj2})
angular.extend
angular.extend({destination}, {source})
angular.forEach
angular.forEach({obj}, {iterator})
angular.fromJson
angular.fromJson({jsonString})
angular.identity
angular.identity()
angular.injector
angular.injector([{modules}])
angular.isArray
angular.isArray({value})
angular.isDate
angular.isDate({value})
angular.isDefined
angular.isDefined({value})
angular.isElement
angular.isElement({value})
angular.isFunction
angular.isFunction({value})
angular.isNumber
angular.isNumber({value})
angular.isObject
angular.isObject({value})
angular.isString
angular.isString({value})
angular.isUndefined
angular.isUndefined({value})
angular.lowercase
angular.lowercase({string})
angular.module
angular.module('{moduleName}', [])
angular.noop
angular.noop
angular.toJson
angular.toJson({string})
angular.uppercase
angular.uppercase({string})
angular.version
angular.version

jQuery lite

<tr><th>angular: controller</th><td><pre>controller({name})</pre></td></tr>
<tr><th>angular: injector</th><td><pre>injector()</pre></td></tr>
<tr><th>angular: scope</th><td><pre>scope()</pre></td></tr>
<tr><th>angular: inheritedData</th><td><pre>inheritedData()</pre></td></tr>
triggercompletion
angular: addClass
addClass({className})
angular: after
after({el})
angular: append
append({el})
angular: attr
attr({el})
angular: bind
bind({eventType}{, eventData}{, eventHandler})
angular: children
children()
angular: clone
clone({withDataAndEvents})
angular: contents
contents({withDataAndEvents})
angular: css
css({propertyName(s)})
angular: data
data({key, value | obj})
angular: eq
eq({index})
angular: find
find({tag})
angular: hasClass
hasClass({className})
angular: html
html()
angular: next
next()
angular: parent
parent()
angular: prepend
prepend({content})
angular: prop
prop({propertyName})
angular: ready
ready({handler})
angular: remove
remove({selector})
angular: removeAttr
removeAttr({attributeName})
angular: removeClass
removeClass({className})
angular: removeData
removeData({name})
angular: replaceWith
replaceWith({newContent})
angular: text
text()
angular: toggleClass
toggleClass({className})
angular: triggerHandler
triggerHandler({eventType})
angular: unbind
unbind({eventType{, handler})
angular: val
val({eventType{, handler})
angular: wrap
wrap({wrappingElement})

Scope functions

triggercompletion
angular: $apply
apply({exp})
angular: $broadcast
broadcast({name}{, args})
angular: $destroy
destroy()
angular: $digest
digest()
angular: $emit
emit({name}{, args})
angular: $eval
eval({expression})
angular: $evalAsync
evalAsync({expression})
angular: $new
new({isolate})
angular: $on
on({name}, {listener})
angular: $watch
watch({watchExpression}{, listener}{, objectEquality})
angular: $watchCollection
watchCollection({obj}, {listener})
angular: $id
id

Log functions

triggercompletion
angular: $log.debug
log.debug('{debug}')
angular: $log.error
log.error('{error}')
angular: $log.info
log.info('{info}')
angular: $log.log
log.log('{log}')
angular: $log.warn
log.warn('{warning}')
angular: $log.assertEmpty
log.assertEmpty()
angular: $log.reset
log.reset()

Variables

triggercompletion
angular: $angular
angular
angular: $anchorScroll
anchorScroll
angular: $animation
animation
angular: $animator
animator
angular: $cacheFactory
cacheFactory
angular: $compile
compile
angular: $controller
controller
angular: $exceptionHandler
exceptionHandler
angular: $location
location
angular: $locationProvider
locationProvider
angular: $log
log
angular: $parse
parse
angular: $resource
resource
angular: $rootElement
rootElement
angular: $rootScope
rootScope
angular: $route
route
angular: $routeParams
routeParams
angular: $routeProvider
routeProvider
angular: $templateCache
templateCache
angular: $timeout
timeout
angular: $scope
scope

LICENSE

The MIT License (MIT)

About

📃 Sublime Text Snippets and Completions for Angular.js

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published