Coin163

首页 > angularjs 指令link 追加问题

angularjs 指令link 追加问题

相关标签: angularjs

<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中这个问题请教了

原文

<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">

------分隔线----------------------------
相关推荐