Question

我正在使用yo angular创建一个学习Angular的快速测试环境。一切正常，但我开始尝试：

该应用程序在app.js中定义，看起来像这样

angular
  .module('angularApp', [
    // ...
  ])
  .config(function ($routeProvider) {
    $routeProvider
      .when('/', {
        templateUrl: 'views/main.html',
        controller: 'MainCtrl'
      })
      // ...
  });

并且main.js包含以下内容：

angular.module('angularApp')
  .controller('MainCtrl', function ($scope) {
    $scope.awesomeThings = [
      // ...
    ];
  });

现在我想“嘿，我想在主模板views/main.html”中有自己的指令。

所以我创建了contact.js，将其链接到index.html并写了以下几行：

angular.module('angularApp')
  .directive('myDir', function () {
    'use strict';
    return {
      template: 'Testing'
    };
  });

现在我已将<my-dir></my-dir>添加到views/main.html，但在检查元素时，<my-dir></my-dir>仍然存在且未被替换。

我做错了什么？

Answer 1

在app.js中使用，

 var app= angular.module('angularApp', []).config ...

现在在contact.js中使用这个var app，就像这样，

app.directive('myDir',function(){

   restrict:"E",
   replace:true,
   template:'<div> Testing </div>'

});

然后在索引页面中注册您的contact.js ...

现在在每个.js文件中使用此应用程序＆＃39; var（如contact.js所示）而不是使用angular.modue（...）。

指令视为无效

1 个答案: