我正在练习使用指令,并且已经为此花了一段时间。

编码 -

模组

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


控制者

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

}]);


指示

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

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


柱塞-

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

我觉得我只是在忽略某些东西,但不确定!

最佳答案

是的很简单,在您的代码中ng-app应该重命名为

更改



<html ng-app="wbApp">




<html ng-app="wbHeader">


DEMO

07-24 09:50