javascript - 在 angularjs 中隐藏和显示

Question

我是 angularJs 的新手。

这是我的位级 View

<input type="text" ng-model="todoName" size="30"
            placeholder="Add Your Name">
        <input type="text" ng-model="todoAge" size="30"
            placeholder="Add Your Age">
        <input type="hidden" ng-model="todoId" />
        <form style="display:'?????????'" ng-submit="addTodo()">
            <input class="btn-primary" type="submit" value="add">
        </form>
         <form style="display:'?????????'" ng-submit="addTodo()">
            <input class="btn-primary" type="submit" value="update">
        </form>

这是我的 angularjs 位级编码

$scope.DisplayUpdate = "none";

我有一个用于管理学生详细信息的屏幕，我想在第一次显示添加按钮时隐藏更新按钮，而在更新时间显示更新按钮此时需要隐藏添加按钮。

请参阅此行以使用 Angular js 在脚本端隐藏和显示详细信息:$scope.DisplayUpdate = "none";

如何在我的按钮样式中设置这个值？

 <form style="display:'?????????'" ng-submit="addTodo()">
                <input class="btn-primary" style="display:'?????????'" type="submit" value="add">
            </form>

Answer 1

你可以使用ng-show来隐藏它

<form ng-show="DisplayUpdate === 'none'" ng-submit="addTodo()">
    <input class="btn-primary" type="submit" value="add">
</form>

如果你想从 DOM 树中删除它，使用 ng-if

<form ng-if="DisplayUpdate === 'none'" ng-submit="addTodo()">
    <input class="btn-primary" type="submit" value="add">
</form>