Question

我刚刚开始学习Angular并尝试通过角度自定义指令打印一些文本。但没有什么是印刷品。请帮帮我。这是index.html和script.js文件。

angular.module('main', [])
        .controller('mainCtrl', function ($scope) {
        
            $scope.name = "firoz";


        })

        .directive('myDir', function () {
                                
            return {
                restrict : 'E',
                template: '<div>Trying to print this text</div>'
            };
                                
        });

<!DOCTYPE html>
<html ng-app="main">

  <head>
    <script data-require="angular.js@1.3.17" data-semver="1.3.17" src="https://code.angularjs.org/1.3.17/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-controller="mainCtrl">
  <mydir></mydir>
  </body>

</html>

以下是Plunker链接：http://plnkr.co/edit/ub9Ch34OtckzQuCI9sDk?p=preview

Answer 1

在指令中使用时，您需要连接任何有资本的地方，例如：

<my-dir></my-dir>

Answer 2

正确的Angular语法是：

<my-dir></my-dir>

＆＃13;

angular.module('main', [])
        .controller('mainCtrl', function ($scope) {
        
            $scope.name = "firoz";


        })

        .directive('myDir', function () {
                                
            return {
                restrict : 'E',
                template: '<div>Trying to print this text</div>'
            };
                                
        });

＆＃13;

<!DOCTYPE html>
<html ng-app="main">

  <head>
    <script data-require="angular.js@1.3.17" data-semver="1.3.17" src="https://code.angularjs.org/1.3.17/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-controller="mainCtrl">
  <my-dir></my-dir>
  </body>

</html>

＆＃13;

角度指令模板不打印任何文本

2 个答案: