Angularjs 如何提醒路径名？_Angularjs

Angularjs 如何提醒路径名？

angularjs

Angularjs 如何提醒路径名？,angularjs,Angularjs,我需要通过单击链接标记来提醒路径名，但它对我无效。由于我不熟悉角度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

我需要通过单击链接标记来提醒路径名，但它对我无效。由于我不熟悉角度

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>


var myApp=angular.module（'myApp'，[]）；
函数ProductCtrl（$scope）{
$scope.showFileName=函数（）{
var fil=document.getElementById（“myFile”）；
警报（文件值）；
}
}

这是我的plnkr:

我清理了你的Plunkr演示并把它放在这里：

首先，我不确定您是否打算针对不稳定的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>

这是成功的一半：确保您的框架正常工作。现在，如何显示所选文件的完整路径？这里有几个链接可以帮助您实现这一点（事实上也可以不实现）：

1）您拼错了ng click。2） angular.js的URL不正确。它应该是

https://code.angularjs.org/2.0.0-alpha.20/angular2.js

Ya我照你说的做了，但是没有回应……Ya我照你说的做了，但是没有回应。我需要的是我点击链接标签，路径名应该被提醒。嗯，不确定。即使进行了这些更改，控制台也会显示“角度未定义”。您使用的是angular 2，它与1有一些显著的差异。您是从angular 2示例开始的吗？实际上代码是用javascript foramat编写的，但我尝试用angular格式编写tat。。。。从我对完整文件路径的快速研究来看，它在JavaScription中工作得非常完美，这似乎是一个安全问题。

angular.module('myApp', [])

  .controller("ProductCtrl", ProductCtrl);

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