2016-05-01 6 views
0
index.html 
html ng-app="myapp"> 
<head> 
    <title>kanna</title> 
    <meta charset="UTF-8"> 

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.js"></script> 
<script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.13.4.js"></script> 
<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"> 
</head> 
<body ng-controller="Ctrl"> 
    <label>NAME</label> 
    <input type="text" ng-model="name"> 
    <label>AGE</label> 
    <input type="text" ng-model="age"> 
    <button ng-click="create()">swathi</button> 
</body> 
</html> 

app.js: 

var app=angular.module('myapp',['ui.bootstrap']); 
app.controller("Ctrl",['$scope','$modal',function($scope,$modal){ 
    $scope.create=function(){ 
     var modalInstance=$modal.open({ 
      templateUrl:'page.html', 
     }) 
    } 
} 
    ]) 

3つのエラーで動作していないリソースをロードに失敗しました//ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.js:ネット: :ERR_FILE_NOT_FOUND file://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.cssリソースをロードできませんでした:net :: ERR_FILE_NOT_FOUND file://angular-ui.github.io/bootstrap/ ui-bootstrap-tpls-0.13.4.jsリソースを読み込めませんでした:net :: ERR_FILE_NOT_FOUND 解決策を見つけて返信してください。完全な詳細とjsファイルの設定方法と詳細情報のコピーポップアップがある来ているangularjs

+0

それはあなたのことを意味するhttp:のデフォルトのスキームを与える。http://localhost:8000に、あなたのブラウザをポイントangularjs参照がロードされていません – Sajeetharan

答えて

0

ファイルシステムからindex.htmlをロードしています(ファイルエクスプローラでファイルをダブルクリックしてください)。

これは、HTMLページ内の相対参照のデフォルトスキームをfile:としています。

したがって、ファイル"//ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.js"を含めると、file://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.jsが検索されます。

  1. 変更https://に、デフォルトのスキームではなく、CDNからファイルをロードする:

    は、この問題を修正するにはいくつかの方法があります。だから、"//ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.js"https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.js"と同様に他のファイル用に変更します。

  2. ローカルファイルをホストするWebサーバを使用してください。あなたはpythonをお持ちの場合は、例えば、index.htmlを持っているフォルダに移動し、python -m SimpleHTTPServerを実行します(パイソン2)またはpython -m http.server。そして、これは、比較的ファイルを呼ばれ、CDNからそれらをロードします。

後者が好ましい方法である。

関連する問題