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