Coin163

首页 > angular.js - angularjs 指令link 追加问题

angular.js - angularjs 指令link 追加问题

相关标签: angular.js angularjs

2018阿里云全部产品优惠券(升级也可以使用,强烈推荐!!!)
领取地址https://promotion.aliyun.com/ntms/act/ambassador/sharetouser.html?userCode=gh9qh5ki&utm_source=gh9qh5ki

<div class="tab">

<p ng-transclude class="click" ></p>

<i class="iconfont" ng-show="show">X</i>

<i class="iconfont" ng-show="show1">Y</i>

<div ng-hide="show">

<p ng-repeat="x in data" ng-click="choiceme(x)">

{{x}}

</p>

</div></div> link:function(scope,elem,attr){

scope.show=true;

scope.show1=false;

scope.choiceme=function (i){

console.log(scope.show,scope.show1);

scope.show1=!scope.show1;

scope.show =!scope.show;

console.log(scope.show,scope.show1);

};

elem.find("div").on("click",function(){{

scope.show=!scope.show;

console.log(scope.show,scope.show1);

scope.$apply();

});

} 现在的问题出现的很诡异就是ng-click事件会自动触发apply可是choiceme()中scope.show的状态的确是变化了可是没有同步到Dom中这个问题请教了 , 看你的代码,点击p标签的时候,应该scope.choiceme和elem.find("div").on("click"都触发了吧? 这合理么?

原文

<div class="tab"> <p ng-transclude class="click" ></p> <i class="iconfont" ng-show="show">X</i> <i class="iconfont" ng-show="show1">Y</i> <div ng-hide="show">

------分隔线----------------------------
阿里云优惠券
在线网页数据采集器
相关推荐