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

Angular​JS Snippets

by maxhoffmann ALL

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

Labels snippets

Details

Installs

  • Total 96K
  • Win 58K
  • Mac 23K
  • Linux 16K
Dec 21 Dec 20 Dec 19 Dec 18 Dec 17 Dec 16 Dec 15 Dec 14 Dec 13 Dec 12 Dec 11 Dec 10 Dec 9 Dec 8 Dec 7 Dec 6 Dec 5 Dec 4 Dec 3 Dec 2 Dec 1 Nov 30 Nov 29 Nov 28 Nov 27 Nov 26 Nov 25 Nov 24 Nov 23 Nov 22 Nov 21 Nov 20 Nov 19 Nov 18 Nov 17 Nov 16 Nov 15 Nov 14 Nov 13 Nov 12 Nov 11 Nov 10 Nov 9 Nov 8 Nov 7 Nov 6
Windows 0 1 1 0 1 0 0 0 0 0 0 0 1 0 0 1 0 2 0 0 2 0 2 1 0 0 0 0 0 0 1 0 0 0 1 1 1 0 0 1 0 0 0 0 1 1
Mac 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
Linux 0 0 0 0 0 1 0 0 0 0 2 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 1 0 1 1 0 0

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)