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
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 Nov 5 Nov 4 Nov 3 Nov 2 Nov 1 Oct 31 Oct 30 Oct 29 Oct 28 Oct 27 Oct 26 Oct 25 Oct 24 Oct 23 Oct 22 Oct 21 Oct 20 Oct 19 Oct 18 Oct 17 Oct 16 Oct 15 Oct 14 Oct 13 Oct 12 Oct 11 Oct 10 Oct 9 Oct 8 Oct 7
Windows 1 0 0 0 1 1 1 0 0 1 0 0 0 0 1 1 1 0 0 1 0 0 1 0 1 1 0 1 0 0 0 1 1 2 1 0 0 0 0 0 1 0 0 1 1 3
Mac 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 0 0 0 0 0 0
Linux 0 0 0 0 0 0 1 0 0 0 1 0 1 1 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 1 0 0 1 0 0 0 1 0 0 0 0 2

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)