没有指令'tabset的控制器，无法绑定到控制器

Question

我是棱角分明的新手，在制作指令进行沟通时我遇到了一些问题，无法在没有指令的情况下绑定到控制器'tabset的控制器 这是我的Code

HTML code

<tabset>
	<tab heading="Tab 1">
		Hi
	</tab>
	<tab heading="Tab 2">
		Second tab 
	</tab>	
</tabset>

上述代码的指令

angular.module('testApp')
.directive('tab', function(){
	return{
		restrict: 'E',		
		transclude: true,
		template: '<h1>Hello Developer!!</h1><div role="tabpanel"><ng-transclude></ng-transclude></div>',
		require: '^tabset',
		scope: {
			heading: '@'
		},
		link: function(scope, elem, attrs, tabsetCtrl){
			tabsetCtrl.addTab(scope);

		}
	}
}).directive('tabset', function(){	
	return{
		restrict: 'E',		
		transclude: true,
		scope: { },
		templateUrl: 'views/tabset.html',
		bindToController: true,		
		controllerAs: 'tabset',
		contrller: function(){
			var self = this;
			this.tabs = [];

			self.addTab = function addTab(tab)
			{
				self.tabs.push(tab);
			}
		}

	}
});

提前致谢。

Answer 1

我相信这种情况正在发生，因为你拼写了＃34;控制器＆＃34;错误。在controllerAs下，你有＆＃34; contrller＆＃34;