AngularJS-8-模块

<div>

<b>指令</b>

</div>

var app = angular.module("lesson",[]);

app.controller("MainCtrl",function($scope){})

app.directive("div"，function(){

var direction = {};

direction.restrict = "E";

direction.template="第一个指令"

//direction.templateUrl = "template/lession9_templatehtml"

return direction;

})

-----------------------------------------------------

<ul>

<li ng-repeat="usetTitle in UserTitleList">

<label>{{userTitle.Username}}</lable><br/>

<h4>{{userTitle.Title}}</h4><span>{{userTitle.LikeAmount}}</span><like content="userTitle"></like><br/>

<label>{{userTitle.Time}}</label>

<ul>

<li ng-repeat="userTitle in userTitle.LikeList"><span>{{likeList.Text}}</span> </li>

</ul>

</li>

</ul>

var app = angular.module("lesson",[]);

app.controller("MainCtrl",function($scope){

$scope.UserTitleList=[

{UserName:'Tom',Title:'今天天气不错',Time:'2017-08-13',LikeAmount:0,LikeList:[]},

{UserName:'Tom',Title:'今天要去打球',Time:'2017-07-02',LikeAmount:0,LikeList:[]},

{UserName:'Tom',Title:'走路去上班',Time:'2017-06-02',LikeAmount:0,LikeList:[]},

]

})

app.directive("like"，function(){

var direction = {};

direction.restrict = "AE";

direction.template="<button ng-click='Like()'>赞</button>";

direction.scope={

content:"="

};

direction.link = function($scope,element){

$scope.Like = function(){

//content.LikeAmount = content.Likemount+1;

$scope.content.LikeList.push({Text:"Jerry点了赞"});

}

}

return direction;

})