gpt4 book ai didi

javascript - AngularJS - 即使通过 ng-if 隐藏文件也保持选中状态

转载 作者:行者123 更新时间:2023-11-29 10:15:48 25 4
gpt4 key购买 nike

我有一个小脚本可以隐藏或显示一些 div。每个 div 将包含一个文件输入。

我的问题是当div被隐藏时,选中的文件没有了,为什么会这样?

这是一个例子(http://jsfiddle.net/etiennenoel/8k4M7/):

<!DOCTYPE html>
<html ng-app>

<head>
<script data-require="angular.js@*" data-semver="1.2.13" src="http://code.angularjs.org/1.2.13/angular.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>

<body>
<h1>Hello Plunker!</h1>


<div ng-if="test == true">
<input type="file">
</div>
<button ng-click="test = !test">test</button>

</body>

</html>

首先,您必须点击测试按钮。

其次,您选择一个文件。

第三,您点击测试按钮两次。

您会看到所选文件现在不见了,为什么?我真的必须为此创建一个指令吗?意思是我会将文件保存在某个地方?

最佳答案

所选文件已消失,因为如果 ng-if 的条件评估为 false,则元素的所有内容都将从 DOM 中删除。当条件为 true 时,内容将重新插入并因此失去其先前的状态。

您可以使用 ng-show。它不会从 DOM 中删除内容。

这是 fiddle : http://jsfiddle.net/3fgLx/

关于javascript - AngularJS - 即使通过 ng-if 隐藏文件也保持选中状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22081410/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com