Question

我需要通过点击链接标记来提醒路径名称，但它不适合我。由于我是angular的新手，我对自己错误的地方感到困惑。有人可以帮我吗？

这是我的index.html

<!DOCTYPE html>
<html>

  <head>
    <script data-require="angular.js@2.0.0-alpha.20" data-semver="2.0.0-alpha.20" src="https://code.angularjs.org/2.0.0-alpha.20/angular.js"></script>

    <script src="script.js"></script>
  </head>

  <body ng-app="myApp" ng-controller="ProductCtrl">
    <form name="frmMain" id="frmMain">
      <input type="file" name="myFile" id="myFile" />
      <a href="#" ngclick="showFileName()">Show Name</a>
    </form>
<script>
var myApp = angular.module('myApp',[]);
function ProductCtrl($scope) {

$scope.showFileName= function(){

   var fil = document.getElementById("myFile");
   alert(fil.value); 


}
}
</script>
  </body>

</html>

这是我的plnkr：http://plnkr.co/edit/Cir7Ardx3OVvwPWYJNNv?p=preview

Answer 1

我清理了你的Plunkr演示并在这里分叉：

http://plnkr.co/edit/YuinLcjb6OU7VsdSMca9?p=preview

首先，我不确定您是否打算定位不稳定的2.0版本，因此我将其更改为针对AngularJS的最新稳定版本（1.3.15）。接下来，我将您的脚本移动到script.js文件并正确格式化您的控制器。

现在HTML看起来像：

<!DOCTYPE html>
<html>

  <head>
    <script data-require="angular.js@1.3.15" data-semver="1.3.15" src="https://code.angularjs.org/1.3.15/angular.js"></script>
    <script src="script.js"></script>
  </head>

  <body ng-app="myApp" ng-controller="ProductCtrl">
    <form name="frmMain" id="frmMain">
      <input type="file" name="myFile" id="myFile" />
      <a href="#" ng-click="showFileName()">Show Name</a>
    </form>

    <hr />
    {{ name }}
  </body>

</html>

，您的脚本如下所示：

angular.module('myApp', [])

  .controller("ProductCtrl", ProductCtrl);

function ProductCtrl($scope) {
  $scope.showFileName= function(){
     var fil = document.getElementById("myFile");
     alert(fil.value); 
  };
}

这是成功的一半：确保您的框架正常运行。现在，如何显示所选文件的完整路径？以下是一些可以帮助您（或实际上没有）的链接：

如何提醒路径名？

1 个答案: