Angular 1.5.x-指令未触发

Question

I'm practicing working with directives, and have been banging my head on this for a while now. 我正在练习使用指令，并且已经为此花了一段时间。

The code - 编码 -

Module 模组

angular.module('wbHeader', []);

Controller 控制者

angular.module('wbHeader').controller('wbHeaderController', ['$scope', function() {

}]);

Directive 指示

angular.module('wbHeader').directive('wbHeader', function() {
  return {
    transclude: true,
    restrict: 'AEC',
    scope: {

    },
    controller: 'wbHeaderController',
    templateUrl: '/modules/wb-header/header.html'
  };
});

Plunker - 柱塞-

https://plnkr.co/edit/OUrCm1mGb5K0wN8u2Ke9?p=preview https://plnkr.co/edit/OUrCm1mGb5K0wN8u2Ke9?p=preview

I feel like I'm overlooking something simply, but not sure! 我觉得我只是在忽略一些东西，但不确定！

Answer 1

Yes simple,In your code ng-app should be renamed as 是的，很简单，在您的代码中ng-app应该重命名为

Change 更改

From 从

<html ng-app="wbApp">

To 至

<html ng-app="wbHeader">

DEMO 演示

Answer 2

我想你应该更换wbHeader与wbApp在控制器的指令，并modulejs喜欢这里angular.module('wbApp').directive('wbHeader'的指令

Angular 1.5.x-指令未触发

问题描述

Module 模组

Controller 控制者

Directive 指示

Plunker - 柱塞-

2 个解决方案

解决方案1
2 已采纳 2016-11-13 10:51:41

解决方案2
0 2016-11-13 10:57:31

Angular 1.5.x-指令未触发

问题描述

Module 模组

Controller 控制者

Directive 指示

Plunker - 柱塞-

2 个解决方案

解决方案1 2 已采纳 2016-11-13 10:51:41

解决方案2 0 2016-11-13 10:57:31

解决方案1
2 已采纳 2016-11-13 10:51:41

解决方案2
0 2016-11-13 10:57:31