小编Sha*_*ank的帖子

当多次单击AngularJS时,文件对话框会多次打开

我指的是使用AngularJS创建文件上传功能的链接.

当我单击" 选择文件 "时,不止一次,当对话框未打开时,甚至一次,在选择文件后,当对话框第一次打开时,我仍然可以看到多个对话框一个接一个地开放.

如何解决这个问题?

让我知道.

html javascript angularjs

8
推荐指数
1
解决办法
984
查看次数

jQuery - 实现独特的连续排名

我有4个输入字段,让用户输入这4家公司在特定区域的重要性(排名),如下所示:

<table>
<tr><th></th><th>Area 1</th></tr>
<tr><td>Company A</td><td><input type="text" name="text1" id="text1"></td></tr>
<tr><td>Company B</td><td><input type="text" name="text2" id="text2"></td></tr>
<tr><td>Company C</td><td><input type="text" name="text3" id="text3"></td></tr>
<tr><td>Company D</td><td><input type="text" name="text4" id="text4"></td></tr>
</table>
Run Code Online (Sandbox Code Playgroud)

输入字段不是必需的,应该是从1到4的整数(假设没有重复),

用户无法跳跃排名,这意味着排名必须是唯一且连续的.

例如,*我们可以输入1,3,2以及4,2,1,3.

但是当输入结果如此31,我们需要警告2丢失.

当我们输入时3,我们需要提醒1并且2都缺失.

这是我检查排名的代码:

function checkMissingRank(object){
  object.change(function() {
    var max = 0;
    var actSum = 0;
    var rows = object.length;

    for(var i=1 ; i<=rows ; i++){
        if($('#text'+i+'').val() …
Run Code Online (Sandbox Code Playgroud)

html javascript jquery

7
推荐指数
1
解决办法
149
查看次数

如何从第一次选择中选择选项时禁用先前选择的选项

我有两个选择元素.两个选择具有相同的值.当我从1选择框中选择选项时,它应禁用第二个选择框中的所有先前选择选项.让我们假设我有这个选择:

  <select id="s1">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  </select>

  <select id="s2">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  </select>
Run Code Online (Sandbox Code Playgroud)

如果我从s1框中选择值3,则应禁用s2 select中的所有先前选项.如果我从s1中选择值2,它应该禁用s2中的所有先前值.

注意:它不应该禁用下一个值,只是前一个值.我正在寻找jquery解决方案.

html javascript jquery

5
推荐指数
1
解决办法
964
查看次数

与Iframe Angular交互后的Chrome Back按钮问题

我有一个Angular应用程序.以下是要遵循的步骤:

  1. 客户通过流程并登陆其中一个部分页面.

  2. 从部分页面之一,我单击一个按钮从跨域获取ID(通过服务调用完成,因此没有CORS问题).

  3. 使用此ID,我追加跨域url - 类似于http://externalpahe.com?responseId=ID

  4. 此URL在Iframe内执行子组件.

  5. 在这个Iframe跨域的页面中,有两个按钮 - " 保存 "和" 取消 "

  6. 单击任何这些按钮,应用程序将导航回来.

  7. 问题:成功返回导航后,点击Chrome浏览器的后退按钮,应用程序将重新加载.

因此,应用程序的流程再次重新启动,并且客户需要再次完成流程.虽然数据得到更新,但在返回到部分页面时,之前已执行过操作,但这不是一个易于使用的好方案.

我正在利用以下代码在iframe中执行跨域的url.我怀疑DomSanitizer是否会导致Chrome的奇怪问题.对于其他浏览器,它工作正常.

角度成分:

constructor(private sanitizer: DomSanitizer) { }

ngOnInit() {
    this.targetUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.sourceUrl);
}
Run Code Online (Sandbox Code Playgroud)

角度模板:

<iframe #crossDomainIframe [src]="targetUrl" (load)="onPageLoad()">
</iframe>
Run Code Online (Sandbox Code Playgroud)

onPageLoad()我做发光响应返回给父组件的简单的商业逻辑.

onPageLoad () {
    this.callbackResponse.emit(returnUrl);
}
Run Code Online (Sandbox Code Playgroud)

有办法处理这个问题吗?

或者可以以不同的方式在Iframe上执行跨域?

javascript iframe sanitization typescript angular

5
推荐指数
1
解决办法
489
查看次数

document.execCommand('copy')在IE和Edge中滚动到底部

我正在使用copyToClipboard我的应用程序.除IE和Firefox外,它在Chrome和Firefox浏览器中运行良好.

IE (特别是版本11)中,单击" 复制"时,它会引入本机浏览器弹出窗口,询问"允许"或"拒绝",并且还会滚动到页面底部.

弹出窗口介绍很好,但我需要停止向下滚动.

码:

$scope.copyData = function(id) {
    var copyAreaObject = document.createElement('textarea');
    $scope.copyInitialize(id, copyAreaObject);
    var selector = document.querySelector('#copyWrapper');
    selector.select();
    document.execCommand('copy');
    document.body.removeChild(copyAreaObject);
  };
Run Code Online (Sandbox Code Playgroud)

点击这里进行演示

javascript jquery angularjs

1
推荐指数
1
解决办法
865
查看次数