为了账号安全,请及时绑定邮箱和手机立即绑定

这节源码基础上改的指令绑定不上,求大神指点

var manyList=angular.module('manyList',['ngRoute','ngAnimate','ManyListCtrls','ManyListFilters','ManyListDirectives','ManyListServices']);

这是app.js模块注入,下面的是其他文件截图

581be2110001cb5505000121.jpg

581be2110001746705000141.jpg

581be2110001b3cc03520093.jpg


正在回答

5 回答

什么情况,求题主解答


0 回复 有任何疑惑可以回复我~
#1

empty_back 提问者

首先指令<my-book></my-book> 其次定义指令的地方要通过scope:{...}这种方式绑定指令作用域,默认是scope:false,把上面的['scope',function($scope)]中的$scope去掉即可
2016-11-13 回复 有任何疑惑可以回复我~
#2

Hyram_wu 回复 empty_back 提问者

谢谢题主
2016-11-14 回复 有任何疑惑可以回复我~

以解决。。。

0 回复 有任何疑惑可以回复我~
//directives.js
var manyListDirectives=angular.module('manyListDirectives',[]);
manyListDirectives.directive('myBook',['$scope',function($scope){
	return{
			restrict:'AECM',
			template: '<div>这是一条指令</div>',
			replace: true,
			scope: true,
			link:function(scope,element,attrs){
				element.bind('mouseenter',function(event){
					console.log(0);
				})
			}
		}
}]);
//controllers.js
manyListCtrls.controller('bookCtrl',['$scope',function($scope){
	
}]);
//booklist.html
<myBook></myBook>
//app.js
var manyList=angular.module('manyList',['ngRoute','ngAnimate','manyListCtrls','manyListFilters',
'manyListDirectives','manyListServices']);
manyList.config(function($routeProvider){
	$routeProvider.when('/hello',{
		templateUrl:'templates/hello.html',
		controller:'helloCtrl'
	}).when('/book',{
		templateUrl:'templates/booklist.html',
		controller:'bookCtrl'
	}).otherwise({
		redirectTo:'/hello'		
	})


})




0 回复 有任何疑惑可以回复我~

试过了,驼峰的、小写的、小写带中划线都不行,都没有显示但也都没有报错。

0 回复 有任何疑惑可以回复我~

我印象中好像指令的名称如果是驼峰式的,在html里用时要把驼峰式改成中划线,不是直接改小写。(不知道我有没有记错,好久没看ng了)

0 回复 有任何疑惑可以回复我~
#1

empty_back 提问者

试过了,驼峰的、小写的、小写带中划线都不行,都没有显示但也都没有报错。
2016-11-04 回复 有任何疑惑可以回复我~
#2

李晓健 回复 empty_back 提问者

把你的完整代码发出来看一下,不要帖图片
2016-11-04 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
AngularJS实战
  • 参与学习       205465    人
  • 解答问题       1158    个

一起学习AngularJS的基础教程,通过实例学习并学会AngularJS

进入课程

这节源码基础上改的指令绑定不上,求大神指点

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信