AngularJS创建Html标签示例

AngularJS通过指令扩展HTML功能，支持创建自定义HTML标签。指令可以定义新元素、属性，绑定数据、处理事件等。
AngularJS简介
AngularJS是Google维护的开源项目，采用MVC架构模式，简化前端开发。通过双向数据绑定实现视图与模型的同步更新，提高开发效率。
自定义HTML标签
AngularJS指令用于创建自定义HTML标签。指令可以通过不同方式（元素、属性、类、注释）与DOM交互，支持模板、控制器、数据绑定等功能。
创建指令
指令创建语法：
CODEBLOCK0
指令的选项

• restrict: 指定指令使用方式，'E'（元素）、'A'（属性）、'C'（类）、'M'（注释）。
• template/templateUrl: 定义指令的模板。
• controller/controllerAs: 关联控制器及其别名。
• bindToController: 将属性绑定到指令控制器实例。
• scope: 指令的作用域，可以是独立作用域或继承作用域。
• link: 执行DOM操作和初始化的函数。
  依赖注入
  指令定义时可以注入其他服务或工厂：
  CODEBLOCK1
  AngularJS提供的自定义HTML标签功能可扩展HTML元素，帮助构建功能强大的组件，优化代码组织和管理。