Question

我正在尝试使用一个简单的指令。它应该输出＆＃39;＆＃39;串。但事实并非如此。你能看看并指出错误吗？

HTML：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>

  <menu></menu>
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>
</body>
</html>

JS：

var mainModule = angular.module（＆＃39; MainModule＆＃39;，[]）;

mainModule.directive('Menu', function ()
{
    return {
        restrict: 'E',
        template: 'kk'
    };
});

提前谢谢

Answer 1

代码中只有几个问题：

ng-app。这定义了您的应用的上下文：
资本化很重要，将Menu更改为menu。

HTML：

 <html ng-app="MainModule">
    <head>
      <meta charset="utf-8">
      <title>JS Bin</title>
    </head>
    <body>
    ...

JS：

var mainModule = angular.module('MainModule', []);

mainModule.directive('menu', function ()
{
    return {
        restrict: 'E',
        template: 'kk'
    };
});

Answer 2

您忘了定义自己的应用。把ng-app =＆＃34; MainModule＆＃34;在你的身体元素上，它应该工作。

<body ng-app="MainModule">

初学者帮助angularJS

2 个答案: