ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

Angular​JS Snippets

by maxhoffmann ST2/ST3

:page_with_curl: Sublime Text Snippets and Completions for Angular.js

Labels snippets

Details

Installs

  • Total 90K
  • Win 53K
  • OS X 22K
  • Linux 15K
Jul 23 Jul 22 Jul 21 Jul 20 Jul 19 Jul 18 Jul 17 Jul 16 Jul 15 Jul 14 Jul 13 Jul 12 Jul 11 Jul 10 Jul 9 Jul 8 Jul 7 Jul 6 Jul 5 Jul 4 Jul 3 Jul 2 Jul 1 Jun 30 Jun 29 Jun 28 Jun 27 Jun 26 Jun 25 Jun 24 Jun 23 Jun 22 Jun 21 Jun 20 Jun 19 Jun 18 Jun 17 Jun 16 Jun 15 Jun 14 Jun 13 Jun 12 Jun 11 Jun 10 Jun 9 Jun 8
Windows 16 6 9 8 10 9 14 11 12 7 8 8 20 5 12 6 6 7 9 10 12 7 10 8 8 6 10 12 9 10 4 13 7 8 13 12 11 4 7 10 6 16 11 7 6 2
OS X 1 0 0 0 2 2 1 0 1 1 1 3 2 0 1 0 0 1 1 3 2 0 2 0 1 2 0 1 1 4 1 1 2 0 0 1 0 1 2 1 2 0 1 1 0 1
Linux 3 1 0 1 3 3 1 2 0 1 0 1 0 2 2 2 1 1 1 3 0 1 0 2 0 0 0 6 3 1 1 1 4 4 4 2 1 0 0 1 6 2 1 2 0 4

Readme

Source
raw.​githubusercontent.​com

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 - Directives - Globals - jQuery lite - Scope functions - Log functions - Variables

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

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})
angular: controller
controller({name})
angular: injector
injector()
angular: scope
scope()
angular: inheritedData
inheritedData()

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)