-1
をロードしない：https://jsfiddle.net/alexsuch/6aG4x/シンプルな角度アプリケーションを実行しようとすると、しかし、角度が、私はローカルでこの角度アプリを実行しようとしています
私はindex.htmlを、とapp.jsを作成し、各ファイルにそれぞれのコードをコピー。 htmlファイルに追加しました。
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"></script>
<script src= "app.js" type="text/javascript"></script>
私は、アプリケーションを読み込むためにコンソールからhttp-serverを実行しています。 localhost：8080にアクセスすると、{{content}}が表示されるので、角度が読み込まれていないことがわかります。ここで
は、私が何をしないのです、私のファイル...
index.htmlを
<!DOCTYPE html>
<html ng-app='store'>
<body>
<div ng-controller="MainCtrl" class="container">
<h1>Select text file</h1>
<input type="file" on-read-file="showContent($fileContent)" />
<div ng-if="content">
<h2>File content is:</h2>
<pre>{{ content }}</pre>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"></script>
<script src= "app.js" type="text/javascript"></script>
</body>
app.js
var myapp = angular.module('myapp', []);
myapp.controller('MainCtrl', function ($scope) {
$scope.showContent = function($fileContent){
$scope.content = $fileContent;
};
});
myapp.directive('onReadFile', function ($parse) {
return {
restrict: 'A',
scope: false,
link: function(scope, element, attrs) {
var fn = $parse(attrs.onReadFile);
element.on('change', function(onChangeEvent) {
var reader = new FileReader();
reader.onload = function(onLoadEvent) {
scope.$apply(function() {
fn(scope, {$fileContent:onLoadEvent.target.result});
});
};
reader.readAsText((onChangeEvent.srcElement || onChangeEvent.target).files[0]);
});
}
};
});
ですか？あなたが名前のモジュールブートストラップです
基本的なデバッグをしましたか？コンソールを開くと、それは*なぜ*あなたに伝えます。 – dfsq
ファイルを置いてもらえますか？ –
@dfspはい、クロムインスペクタを開いてエラーがスローされていません – Lumbee