AngularJS Atom

2025-12-07 0 346

Angularjs v1.x原子支持

语法突出显示和片段添加到Antom中的Angularjs v1.x。

最初是从Angularjs Textmate Bundle转换的。

贡献非常感谢。请提供此存储库,并打开拉动请求以添加片段,进行语法调整,等等。

支持的功能

自动完成

您可以在HTML和Angular.js的变量和JavaScript中使用自动组件进行指令。有关更多详细信息,请参见设置。

如果您键入一些前缀并按下选项卡Enter ,则可以在下面使用自动完成。

html

 ng-app
ng-bind
ng-bind-html
ng-bind-template
ng-blur
ng-change
ng-checked
ng-class
ng-class-even
ng-class-odd
ng-click
ng-cloak
ng-controller
ng-copy
ng-csp
ng-cut
ng-dblclick
ng-disabled
ng-focus
ng-form
ng-hide
ng-href
ng-if
ng-include
ng-init
ng-jq
ng-keydown
ng-keypress
ng-keyup
ng-list
ng-model
ng-model-options
ng-mousedown
ng-mouseenter
ng-mouseleave
ng-mousemove
ng-mouseover
ng-mouseup
ng-non-bindable
ng-open
ng-pluralize
ng-show
ng-transclude
ng-view
ng-messages
ng-message
ng-messages-include
ng-swipe-left
ng-swipe-righ
ng-dirty
ng-false-value
ng-invalid
ng-maxlength
ng-minlength
ng-message-exp
ng-options
ng-paste
ng-pattern
ng-pristine
ng-readonly
ng-required
ng-repeat
ng-repeat-start
ng-repeat-end
ng-selected
ng-src
ng-srcset
ng-style
ng-submit
ng-switch
ng-switch-when
ng-switch-default
ng-trim
ng-true-value
ng-valid
ng-value

JavaScript

 angular
bind
bootstrap
copy
element
equals
extend
forEach
fromJson
identity
injector
isArray
isDate
isDefined
isElement
isFunction
isNumber
isObject
isString
isUndefined
lowercase
module
noop
reloadWithDebugInfo
toJson
uppercase
$anchorScroll
$animate
$cacheFactory
$compile
$controller
$document
$exceptionHandler
$filter
$http
$httpBackend
$interpolate
$interval
$locale
$location
$log
$parse
$q
$rootElement
$rootScope
$sce
$sceDelegate
$templateCache
$templateRequest
$timeout
$window
$animateProvider
$compileProvider
$controllerProvider
$filterProvider
$httpProvider
$interpolateProvider
$locationProvider
$logProvider
$parseProvider
$rootScopeProvider
$sceDelegateProvider
$sceProvider
$injector
$provide
$ariaProvider
$aria
$cookieStore
$cookies
mock
$exceptionHandlerProvider
TzDate
dump
inject
$resource
$routeProvider
$route
$routeParams
$sanitize
$swipe
controller
$scope
service
factory
provider
ngResource
defer
config
when
otherwise
directive
run
filter

摘要

您可以在HTML和JavaScript中使用摘要。有关更多详细信息,请参见摘要。

如果您键入前缀并按下选项tab ,则将其替换为摘要。

html

ngindex
 <html>
<head>
  <script src=\"https://ajax.*g*oo*gleapis.com/ajax/libs/angularjs/$1/angular.js\"></script>
</head>
<body ng-app>
 $2
</body>
</html>
NGA
 <script type=\"text/javascript\" src=\"http://ajax.*go*oglea*pis.com/ajax/libs/angularjs/$1/angular.js\"></script>
ngst
 <script type=\"text/ng-template\" id=\"$1\">
  $2
</script>
nginc
 <ng-include src=\"$1\" ${2: onload=\"$3\"} ${4: autoscroll=\"$5\"}></ng-include>
ngplural
 <ng-pluralize count=\"$1\" when=\"$2\" ${3: offset=\"$4\"}></ng-pluralize>
Ngswitch
 <ng-switch on=\"$1\">$2</ng-switch>
ngtmpl
 <script type=\"text/ng-template\">$1</script>
ngview
 <ng-view ${1: onload=\"$2\"} ${3: $autoscroll=\"$4\"}></ng-view>

JavaScript

NGM
 angular.module(\'$1\', [$2])$3
NGMA
 var $1 = angular.module(\'$2\', [$3])$4
NGMC
 var $1 = angular.module(\'$2\', [$3], function($4) {
    $5
})$6
ngmfa
 factory(\'$1\', function($2) {
  $3
})$4
ngmfi
 filter(\'$1\', function($2) {
  return function (input, $3) {
    $4
  };
})$5
NGMS
 service(\'$1\', function($2) {
  $3
})$4
ngro
 $routeProvider.otherwise({redirectTo: \'$1\' });
NGRW
 $routeProvider.when(\'$1\', {templateUrl: \'$2\', controller: \'$3\'});
NGRWR
 $routeProvider.when(\'$1\', {templateUrl: \'$2\', controller: \'$3\', resolve: {$4} });
ngfor
 angular.forEach($1, function(value, key) {
  $2
});
ngdl
 .directive(\'$1\', function($2) {
  $3
  return function(scope, element, attrs) {
    $4
  }
})$5
ngdlf
 function (scope, element, attrs) {
  $1
}
NGDC
 .directive(\'$1\', function factory($2) {
  var directiveDefinitionObject = {
    $3
    compile: function compile(tElement, tAttrs, transclude) {
      $4
      return function (scope, element, attrs) {
        $5
      }
    }
  };
  return directiveDefinitionObject;
})$6
ngdcf
 function compile(tElement, tAttrs, transclude) {
  $1
  return function (scope, element, attrs) {
    $2
  }
}$3
NGB
 $scope.$broadcast(\'$1\', $2);
NGE
 $scope.$emit(\'\', );
NGF
 $scope.$1 = function($2) {
  $3
};
NGCP
 $1Ctrl.prototype.$2 = function $2($3) {
  $4
};
恩贡
 $scope.$on(\'$1\', function(event, $2) {
  $3
});
NGV
 $scope.$1 = $2;
NGW
 $scope.$watch(\'$1\', function(newValue, oldValue) {
  $2
});

NGTO

 $timeout(function() {
  $2
}, $1)
NGC
 var $1 = function($scope, $2) {
  $3
}
NGC $
 $1Ctrl.$inject = [$scope, \'$2\'];
function $1Ctrl($scope, $2) {
  $4
}
angular.module($3).controller(\'$1Ctrl\', $1Ctrl);
ngdoc
 /**
 * @ngdoc ${1:function}
 * @name $2
 * @description
 * $3
 *
 */
nghttp
 $http({method: \'${1:GET}\', url: \'$2\'})
.success(function(data, status, headers, config) {
  $3
})
.error(function(data, status, headers, config) {
  $4
});
ngcopy
 angular.copy(${1:source} ${2:, ${3:destination}})
ngel
 angular.element(${1:element});
NGEQ
 angular.equals(${1:object1}, ${2:object2});
ngext
 angular.extend(${1:destinationObject}, ${2:sourceObject})
ngisa
 angular.isArray(${1:value})
NGISD
 angular.isDefined(${1:value})
恩格夫
 angular.isFunction(${1:value})
ngisn
 angular.isNumber(${1:value})
ngiso
 angular.isObject(${1:value})
恩吉斯
 angular.isString(${1:value})
nglo
 angular.lowercase(${1:string});
ngup
 angular.uppercase(${1:string});

常问问题

安装EMET插件时,我无法使用标签使用自动完成

请参阅Emmet的文档

在您的keymap.cson中,添加以下代码。

 \'atom-text-editor[data-grammar=\"text html angular\"]:not([mini])\':
  \'tab\': \'emmet:expand-abbreviation-with-tab\'

下载源码

通过命令行克隆项目:

git clone https://github.com/angular-ui/AngularJS-Atom.git

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

申明:本文由第三方发布,内容仅代表作者观点,与本网站无关。对本文以及其中全部或者部分内容的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。本网发布或转载文章出于传递更多信息之目的,并不意味着赞同其观点或证实其描述,也不代表本网对其真实性负责。

左子网 开发教程 AngularJS Atom https://www.zuozi.net/31603.html

pagermon
上一篇: pagermon
laravel angular cms
下一篇: laravel angular cms
常见问题
  • 1、自动:拍下后,点击(下载)链接即可下载;2、手动:拍下后,联系卖家发放即可或者联系官方找开发者发货。
查看详情
  • 1、源码默认交易周期:手动发货商品为1-3天,并且用户付款金额将会进入平台担保直到交易完成或者3-7天即可发放,如遇纠纷无限期延长收款金额直至纠纷解决或者退款!;
查看详情
  • 1、描述:源码描述(含标题)与实际源码不一致的(例:货不对板); 2、演示:有演示站时,与实际源码小于95%一致的(但描述中有”不保证完全一样、有变化的可能性”类似显著声明的除外); 3、发货:不发货可无理由退款; 4、安装:免费提供安装服务的源码但卖家不履行的; 5、收费:价格虚标,额外收取其他费用的(但描述中有显著声明或双方交易前有商定的除外); 6、其他:如质量方面的硬性常规问题BUG等。 注:经核实符合上述任一,均支持退款,但卖家予以积极解决问题则除外。
查看详情
  • 1、左子会对双方交易的过程及交易商品的快照进行永久存档,以确保交易的真实、有效、安全! 2、左子无法对如“永久包更新”、“永久技术支持”等类似交易之后的商家承诺做担保,请买家自行鉴别; 3、在源码同时有网站演示与图片演示,且站演与图演不一致时,默认按图演作为纠纷评判依据(特别声明或有商定除外); 4、在没有”无任何正当退款依据”的前提下,商品写有”一旦售出,概不支持退款”等类似的声明,视为无效声明; 5、在未拍下前,双方在QQ上所商定的交易内容,亦可成为纠纷评判依据(商定与描述冲突时,商定为准); 6、因聊天记录可作为纠纷评判依据,故双方联系时,只与对方在左子上所留的QQ、手机号沟通,以防对方不承认自我承诺。 7、虽然交易产生纠纷的几率很小,但一定要保留如聊天记录、手机短信等这样的重要信息,以防产生纠纷时便于左子介入快速处理。
查看详情

相关文章

猜你喜欢
发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务