Fade In / FadeOut angular js

Question

我对AngularJS很陌生，想知道如何做到这一点：

$(".change-agency-clicker").on("click", function (e) {
    e.preventDefault();

    $(".form").fadeOut(function () {
        $(".agency-change-form").fadeIn();
        $("#agentForm").show();
    });

});

因此，当用户点击按钮时，它会淡出面板并在第二个面板中淡出。

Answer 1

请按照以下步骤操作：

1. 点击元素.change-agency-clicker（ngClick）后，切换变量的值。
2. 如果此变量为true，则隐藏（ngHide）元素.form。
3. 如果此变量为true，则显示（ngShow）元素.agency-change-form和#agentForm。
4. 使用CSS过渡动画所有内容（here is a tutorial），如果需要，请不要忘记transition-delay。

当然，这个想法是认为“陈述性的”而不是“必要的”！