2015-05-07 58 views
0

我需要通過點擊鏈接標籤提醒路徑名,但它不適合我。由於我是angular的新手,我對我出錯的地方感到困惑。有人可以幫助我嗎?如何警告路徑名?

這裏是我的index.html

<!DOCTYPE html> 
<html> 

    <head> 
    <script data-require="[email protected]" 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

+0

1)你拼寫錯誤的NG-點擊。 2)angular.js的URL不正確。它應該是'https:// code.angularjs.org/2.0.0-alpha.20/angular2.js' – HankScorpio

+0

我按照你的說法做了,但沒有迴應.... –

+0

我按照你的說法做了,但是沒有反應.wat我需要的是我點擊鏈接標記路徑名應該被警告。 –

回答

0

我清理你的Plunkr演示,並在這裏分叉它:

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

首先,我不確定您是否打算定位不穩定的2.0版本,所以我將其更改爲定位最新的穩定版本的AngularJS (1.3.15)。接下來,我將您的腳本移至script.js文件並正確格式化您的控制器。

現在的HTML看起來像:

<!DOCTYPE html> 
<html> 

    <head> 
    <script data-require="[email protected]" 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); 
    }; 
} 

這是成功的一半:確保你的框架是否正常工作。現在,如何顯示選定文件的完整路徑?這裏有幾個環節,以幫助您與(或不,實際上):

+0

從我在完整文件路徑上做的快速研究來看,這似乎是一個安全問題。 – beaudetious

相關問題