Angular学习-指令入门

1.指令定义

从用户的角度来看，指令是在应用程序模板中使用的自定义 HTML 标记。说明可以简单也可以复杂。 HTML 编译器解析指令，增强模板的功能。也是未来组件化的发展趋势。目前，HTML5 中添加了许多新的标签。但是在实际的业务开发过程中，复用的模板很多，加上复用的交互效果，可以写成指令开发工程师可以在同一个项目中使用，也可以在多个项目中使用，达到一次开发的目的并在任何地方使用。

2.内置指令和自定义指令

内部指令都是ng-，以ng-开头。可以查看的命令

。在实际开发中，常用的有以下几种：

ngApp

和 ng -hide

3.第一个命令

编写输出 Hello 的第一个命令。

index.html

.js

var app=angular.module('app',[]);
app.controller('mainCtrl',function($scope){
  $scope.message="Learning Angularjs";

});
angular.module('app').directive('userInfoCard',function(){
  return {
    template:"Hello World. I am an Angularjs Diretive.",
    restrict:"EA",
    replace:true

  }
})

运行效果如下：

4.总结

在中文中，说明非常重要。指令是与大多数其他客户端框架的区别，也是未来 Web 开发的组件化趋势。使用指令，无需编辑一大段代码来定义模型；使用指令构建模型和视图，使开发人员能够快速高效地开发强大的应用程序。

参考网址

1.