Javascript nghide上的ngAnimated不'；我的情况不行_Javascript_Css_Angularjs

Javascript nghide上的ngAnimated不'；我的情况不行

javascript css angularjs

Javascript nghide上的ngAnimated不'；我的情况不行,javascript,css,angularjs,Javascript,Css,Angularjs,删除会消失，但当我点击复选框时不会消失，你知道我哪里出错了吗 <li class="task" ng-repeat="task in tasks" ng-hide="task.done"> <input type="checkbox" ng-model="task.done"> {{task.name}} <button ng-click="del($index)">del</button> </li> 切换复选框只是使项目隐

删除会消失，但当我点击复选框时不会消失，你知道我哪里出错了吗

    <li class="task" ng-repeat="task in tasks" ng-hide="task.done">
<input type="checkbox" ng-model="task.done">
{{task.name}}
<button ng-click="del($index)">del</button>
</li>

切换复选框只是使项目隐藏。但是

del（）

函数从作用域中删除项。

切换复选框只会使项隐藏。但是

del（）
如果在这种情况下

，则需要使用

ng：
<body ng-controller="MainCtrl">
    <li class="task" ng-repeat="task in tasks" ng-if="!task.done">
        <input type="checkbox" ng-model="task.done">
        {{task.name}}
        <button ng-click="del($index)">del</button>
    </li>
</body>

之所以发生这种情况，是因为您只是在隐藏它，而不是删除它
如果在这种情况下

，则需要使用

ng：
<body ng-controller="MainCtrl">
    <li class="task" ng-repeat="task in tasks" ng-if="!task.done">
        <input type="checkbox" ng-model="task.done">
        {{task.name}}
        <button ng-click="del($index)">del</button>
    </li>
</body>

从中删除ng hide=“task.done”
，并使用ng if=“！task.done”

看看这个

<body ng-controller="MainCtrl">
    <li class="task" ng-repeat="task in tasks" ng-if="!task.done">
        <input type="checkbox" ng-model="task.done">{{task.name}}
        <button ng-click="del($index)">del</button>
    </li>
</body>



{{task.name}
德尔

从中删除ng hide=“task.done”
，并使用ng if=“！task.done”

看看这个

<body ng-controller="MainCtrl">
    <li class="task" ng-repeat="task in tasks" ng-if="!task.done">
        <input type="checkbox" ng-model="task.done">{{task.name}}
        <button ng-click="del($index)">del</button>
    </li>
</body>



{{task.name}
德尔

您需要在动画中包含ng hide类
看看这个，如果你只是想隐藏任务，而不是删除它们

我把你的例子用在这件事上了
使用ng hide ng hide add您需要在动画中包含ng hide类
看看这个，如果你只是想隐藏任务，而不是删除它们

我把你的例子用在这件事上了
使用ng hide ng hide addng hide是hide，但ng hide add是什么？ng hide add是隐藏元素的过渡类。angular上的每个基于类的操作都有其TransitionAnl状态类，与entre和leave相同，还有add和remove，它们也可以有-active tail.ng-hide是hide，但ng hide add？ng hide add是用于隐藏元素的过渡类。angular上的每个基于类的操作都有其TransitionAnl状态类，与entre和leave相同，还有add和remove，它们也可以有-active tail。如果我这样做，我的ng类=“{'taskdone-true'：task.done==1}”将不起作用。如果我这样做，我的ng类=”{'taskdone-true'：task.done==1}将不起作用。在您的代码中，这ng class=“{'taskdone-true'：task.done==1}”在哪里，我只是淡出你想在检查时发生什么？这是你想要的吗？我想当它被检查时，它会撞击文本并慢慢淡出，可能吗？@user3522722在这里，我会更新我的答案：我不能用这个来应用strike css，我尝试了nng class=“{taskdone-true'：task.done}”，我只是淡出你想在检查时发生什么？这是你想要的吗？我想检查后，它会击中文本并慢慢淡出，可能吗？@user3522722给你，我会更新我的答案：
<body ng-controller="MainCtrl">
    <li class="task" ng-repeat="task in tasks" ng-if="!task.done">
        <input type="checkbox" ng-model="task.done">{{task.name}}
        <button ng-click="del($index)">del</button>
    </li>
</body>