angularJs利用Directive实现View复用

無名 发表于: 2018-09-06   最后更新时间: 2020-03-30  

Angularjs的MVC是借助于$scope实现的。

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
    <script src="https://www.orchome.com/user/js/angular-1.5.8.min.js"></script>
    </head>
<body ng-app="app">
    <hello></hello>
    <hello></hello>
</body>

<script>
    var app = angular.module("app", []);
    app.directive("hello", function () {
        return {
            restrict: "E",
            template: '<div>Hi everyone!</div>',
            replace: true
    }
    });
</script>
</html>

打开页面:

Hi everyone!
Hi everyone!

在线运行



您需要解锁本帖隐藏内容请: 点击这里
本帖隐藏的内容




上一条: angularjs中切换显示/隐藏
下一条: angularJs循环打印