angularJS directive自定义标签和属性

最新推荐文章于 2021-06-17 07:11:05 发布

u010205794

最新推荐文章于 2021-06-17 07:11:05 发布

阅读量9.2k

点赞数

文章标签： angularjs

本文链接：https://blog.csdn.net/u010205794/article/details/47086015

版权

本文深入探讨了AngularJS中的directive特性，如何自定义元素、属性和样式。通过示例展示了'E'、'A'、'C'和'M'的不同用法，并详细解释了template、transclude、scope以及link函数的功能。scope中的name1、name2和name3分别对应双向绑定、文字绑定和方法调用，最后提到了link中执行的函数及其参数。

摘要由CSDN通过智能技术生成

directive可以自定义标签和属性，首先看一个例子：

<html ng-app="testModule">
<head>
    <meta charset="utf-8">
    <title>My HTML File</title>
    <link rel="stylesheet" href="css/app.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <script src="lib/angular/angular.js"></script>
</head>
<body ng-controller="testController">
    <input type="text" ng-model="person">
    <hello person="person">
	<div>
	    {
  {person}}
	</div>
    </hello>
<p>{
  {a}}</p>
<script>
    var testModule=angular.module('testModule',[]);
    testModule.controller('testController',function($scope){
	    $scope.person="Tony";
    });
    testModule.directive('hel