angularJs利用Directive实现View复用

無名 发表于: 2018-09-06   最后更新时间: 2020-07-01 00:00:46  
{{totalSubscript}} 订阅, 3,189 游览

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!

在线运行

更新于 2020-07-01

查看AngularJS更多相关的文章或提一个关于AngularJS的问题,也可以与我们一起分享文章