Coin163

首页 > angularjs 指令link 追加问题

angularjs 指令link 追加问题

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

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