angular元素标签特性规范化


我们自定义一个myCustomer指令,在模板中写作my-cusomer,为什么这样呢?
<div ng-controller="Controller"> <div my-customer></div> </div>

var app=angular.module('app',[]);

app.directive('myCustomer',function(){

  return {

    restrict: 'ACE',

    template: ' hello world!'

       }

});

 元素的标签(tag)与特性(attributes)需要规范化。

html是大小写不敏感的,在DOM的元素,属性中使用的指令格式为,小写,连字符分隔的形式,如ng-model。

js中directive指令名称是大小写敏感的驼峰式形式,如ngModel。

规范化过程如下:

从元素,属性名中去掉x-和data-头。

把用:-, or _分隔的名称转换成驼峰式。

转载于:https://www.cnblogs.com/icyriver/p/7089469.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值