GetElementById等效于角js

Question

<div> 
    <input id="txt" type="text" placeholder="Choose File" /> 
    <input type="file" id="selectedFile" class="hidden" onchange="ChangeText(this, 'txt');" /> 
    <span> 
     <button type="button" onclick="document.getElementById('selectedFile').click();">Browse</button> 
    </span> 
</div> 

我只想在角度js中的点击事件。谁能告诉？

我只想在角度js中的点击事件。 任何人都可以告诉？ 代码在评论

Answer 1

好的，我可能没有完全读完你的问题。现在我有，我认为这是你在找什么：https://plnkr.co/edit/pfjU5B17qCzwHKoG4iTN?p=preview

.controller('Upload', ['$scope', function($scope) { 
    this.input; 

    this.browse = function() { 
     this.input.click(); 
    }; 
}]) 
.directive('fileUpload', [function() { 
    return { 
     'restrict':'E', 
     'controller':'Upload', 
     'controllerAs':'upload', 
     'templateUrl': './upload.html', 
     'link':function($scope, $element, $attribute, upload) { 
      upload.input = $element.find('input')[1]; 
     } 
    }; 
}]); 

在该指令的链接功能我注射输入到控制器。控制器只需将一个点击事件触发到节点中，从而调用文件浏览器。

编辑：我个人不使用输入来显示文件，而是显示所有选定的文件更宽泛的列表，并预览如果可能的话。这样，你只需要使用第一个输入:)

对不起，没有更好地阅读你的问题，希望这有助于。

Answer 2

这不是角度的方式，DOM应该在您的代码中调用函数，而不是您的代码轮询DOM中的事件。

<script> 
    $('#btn').click(function() { 
    doTheThing(); 
    }); 
</script> 
<button id="btn">Do the thing!</button> 

与

<my-button ng-click="{{ MyBtnCtrl.doTheThing() }}">Do the thing!</my-button> 

与控制器

function MyButtonController() { 
    this.doTheThing = function() { 
    alert('I\'m doing the thing!') 
    }; 
} 

编辑： 正如我现在只看到你的代码，你表现的代码是没有棱角的代码。如果你想使用的角度，请查看以下链接：

• https://docs.angularjs.org/tutorial
• https://www.codeschool.com/pages/angular-1-vs-2

我喜欢codeschool让你开始，因为它是互动性更强，并提供了一步一步的指导。

Answer 3

<div> 
    <input id="txt" type="text" placeholder="Choose File" /> 
    <input type="file" id="selectedFile" class="hidden" onchange="ChangeText(this, 'txt');" /> 
    <span> 
     <button type="button" onclick="click();">Browse</button> 
    </span> 
</div> 

$scope.click = function() { 
     document.getElementById('selectedFile').click() 
};