Angular学习(8)- directive
<!DOCTYPE html> <html ng-app="MyApp"> <head> <title>Study 9</title> <script type="text/javascript" src="js/angular.js"></script> </head> <body> <div ng-controller="testController"> <hello say="content">Grid</hello> </div> <script type="text/javascript"> var app = angular.module("MyApp", [], function() { }); app.controller("testController", function($scope) { $scope.content = "I love you."; }); app.directive("hello", function() { return { restrict: "E", template: "<div>hello,<b ng-transclude></b>,{{cont}}</div>", replace: true, transclude: true, scope: { cont: "=say" } }; }); </script> </body> </html>
示例:
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步